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种了。
杂
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
