Question

我在中途选择了一个项目，并且到处都有这样的构造函数：我正在特别谈论所有这些.x = this.x.bind（this）和列定义。< / p>

(*planes)[invent].airplaneID = airplaneID;

将此代码放入形状的最佳方法是什么？

Answer 1

有几种方法可以绑定您的函数。使用ES6匿名函数可能是重构它的最方便的方法。这假设您使用extends语法。

基本上，您可以在构造函数中删除所有这些绑定并重新编写函数。我认为这比在事件处理程序中绑定它们更容易？看起来你可能更容易错过这种方式。

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
  }
  handleClick = () => {
    console.log(this); // the React Component instance
  }
  render() {
    return (
      <div onClick={this.handleClick}></div>
    );
  }
}

如何清理这段丑陋的代码？

1 个答案: