reactjs - 将事件处理程序放在具有构造函数的类组件中的正确位置在哪里？

Question

我正在为我在这里提出的最近一个问题实施解决方案。但是，为了使逻辑工作，我必须使用一个函数。当我将函数放在构造函数下方时，出现如下所示的错误：

如果我不能将它放在构造函数中，或者渲染方法中放置处理函数的正确位置在哪里？

标签： reactjs

Answer 1

考虑一下：

loginGetHandler() {
  //...
}

如果你为你的函数使用这个声明，不要忘记在构造函数中将它绑定为：

constructor(){
//....
  this.loginGetHandler = this.loginGetHandler.bind(this);

}

---

或者作为 ES6 命名的箭头函数：

loginGetHandler = () => {
  //...
}

在这里你不需要绑定，因为 ES6 已经为你做了。