反应功能和事件

Question

我很反应，我正在看代码而且我遇到了一个事件 代码里面的代码看起来像

 zipValueChanged(event) {
    const zip = event.target.value;

    this.setState({
      zipValue: zip,
    })

我想知道为什么事件函数没有任何地方的函数关键字，我确实在构造函数中看到了一个绑定（this.zipValueChanged = this.zipValueChanged.bind（this）;）但是，我不明白为什么这个工作。

非常感谢你！

Answer 1

这是Class方法定义的新语法。您可以查看文档here。

从现在开始，您可以通过这种方式定义方法：

class A{
  render() {
    //your code here
  }
}

Answer 2

这个（this.zipValueChanged = this.zipValueChanged.bind（this）;）绑定在构造函数中，以便类中定义的任何方法都可以工作。

您需要在构造函数中绑定您的方法才能正常工作 -

this.yourFunction = this.yourFunction.bind（this）;