1. react中事件绑定的几种方式
① render中用bind：<Button onClick={this.onHandle.bind(this)}></Button>
② constructor中用bind：this.onHandle = this.onHandle.bind(this);
③ render中用箭头函数：<Button onClick={() => { this.onHandle(); }}></Button>
④ 函数定义时就用箭头函数，直接绑定this实例：onHandle = () => {...}
对比：第1和3虽然写法简单，但是每次渲染都会重新绑定、生成新的匿名函数，有一定的性能开销，而且作为props传给子组件时，因为是新的值，还会导致子组件的重新渲染；第2种就是写法麻烦，多写代码；综合下来，最常用的就是第4种了。
杂
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
