如何优雅地在React中处理事件响应&&React绑定onClick为何要用箭头函数？

React绑定onClick为何要用箭头函数？

https://segmentfault.com/q/1010000010918131

如何优雅地在React中处理事件响应

https://segmentfault.com/a/1190000010308456

一：

事件处理函数使用es6写法：

在使用ES6 classes或者纯函数时，React不会自动绑定this到当前组件上，须要手动实现this的绑定。

handleClick = (i) => {
console.log(i)
}

<p onClick={this.handleClick.bind(this,123)}>iiiii</p>

二：

onClick内部使用箭头函数

箭头函数能够自动绑定定义此函数做用的this，所以不须要bind。

testhhandleClick(){
console.log('testhhandleClick')
}

<p onClick={()=>{this.testhhandleClick()}}>testhhandleClick</p>