javascript - 语法 : handleChange() function in React for different state attributes

Question

这是一个 handleChange 函数，它接收将要绑定(bind)到它的状态元素的名称。

谁能给我解释一下为什么要这样写:

  handleInputChange(property) {
    return e => {
      this.setState({
        [property]: e.target.value
      });
    };
  }

并且不能这样写:

  handleInputChange(property, e) {
      this.setState({
        [property]: e.target.value
      }); 
  }

我似乎不明白如何概念化第一个实际上的作用。

Answer 1

第一个返回一个函数，所以调用它的结果将用作 onChange处理程序:

<input onChange={this.handleInputChange('someProperty')} value={someProperty} />

第二个是一个常规的类方法，它带有一个属性字符串和一个事件，您可以从 onChange 传递该事件。处理程序:

<input onChange={(e) => this.handleInputChange('someProperty', e)} value={someProperty} />