相关疑难解决方法(0)

假设我在父组件中有一个函数，我想将其用作子组件的回调。哪种方式更好？

render() {
    return (
        <Child handleClick={this.handleClick.bind(this)} />
    )
}

或者

constructor() {
    super();
    this.handleClick = this.handleClick.bind(this);
}

根据这个eslint，最好在构造函数中这样做，因为 render() 方法可能会被多次调用。这对我来说非常有意义。

然而，这仅仅意味着绑定函数最终成为每个实例的属性。从而违背了原型的全部目的。

我确实了解属性初始值设定项：

handleClick = () => {
    // do stuff
}

但看起来这个语法还远没有被 ES2017（或者无论下一个可能是什么）达成一致。出于这个原因，我害怕使用这种语法，因为它可能永远不会进入该语言。

那么，说了这么多，解决这个问题的最佳方法是什么？