为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

狐的传说 2019-06-28 15:04:21
如何避免呈现方法中的绑定或内联箭头函数我们应该避免在呈现中绑定方法,因为在重呈现过程中,它将创建新的方法,而不是使用旧的方法,这将影响性能。所以对于这样的场景:<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名称是唯一的。按博士:这个语法的问题是,每次组件呈现时都会创建不同的回调。问题:如何避免这种在呈现方法中绑定的方式,或者这种方法的替代方案是什么?请提供任何参考资料或例子,谢谢。
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 634 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信