如何優雅地在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>