（反应）辩论辩论

Question

我试图去除作为道具传递给组件的功能（使用下划线的去抖动）。我过去能够做到以下几点：

  componentWillMount() {
    this.handleInputTextChangeDebounced = debounce(() => {
      console.log('I debounce!');
    }, 250);
  },

工作正常，花花公子，但现在我需要从onChange访问事件参数（所以我可以从输入中获取值）触发handleInputTextChangeDebounced

e.g：

  <input onChange={this.handleInputTextChangeDebounced} data-option='buildNumber' />

我不能简单地使用参考，因为我有许多表格输入选项，我想用这个去抖动功能。

我试图将debounce作为handleInputTextChangeDebounced中的函数返回，该函数将接收该事件，但这似乎会阻止debouncing工作。

建议？

Answer 1

使用两个步骤找出解决方案。我调用了一个普通的类函数（787），我从输入字段中提取了值，然后分别调用了去抖函数（handleInputTextChange）。

handleInputTextChangeDebounced