如何避免呈现方法中的绑定或内联箭头函数

Question

如何避免呈现方法中的绑定或内联箭头函数

我们应该避免在呈现中绑定方法，因为在重呈现过程中，它将创建新的方法，而不是使用旧的方法，这将影响性能。

所以对于这样的场景：

<input onChange = { this._handleChange.bind(this) } ...../>

我们可以绑定_handleChange方法在构造函数中：

this._handleChange = this._handleChange.bind(this);

或者我们可以用属性初始化器语法:

_handleChange = () => {....}

现在，让我们考虑这样的情况：我们希望传递一些额外的参数，比如在一个简单的todo应用程序中，单击Item，我需要从数组中删除该项，因为我需要在每个onClick方法中传递项目索引或todo名称：

todos.map(el => <div key={el} onClick={this._deleteTodo.bind(this, el)}> {el} </div>)

现在，假设todo名称是唯一的。

按博士:

这个语法的问题是，每次组件呈现时都会创建不同的回调。

问题：

如何避免这种在呈现方法中绑定的方式，或者这种方法的替代方案是什么？

请提供任何参考资料或例子，谢谢。