[react] <div onClick={handlerClick}>單擊</div>和<div onClick={handlerClick(1)}>單擊</div>有什么區別？

綁定函數有三種方法
1、constructor綁定
constructor(props) {
super``(props);
this``.handleClick = this``.handleClick.bind(``this``); //構造函數中綁定
}
//然后可以
<p onClick={``this``.handleClick}>
2. 使用時綁定
<``p onClick={this.handleClick.bind(this)}>
3. 使用箭頭函數 這種最簡單 不用考慮this的指向問題 (但是會造成額外的渲染)

以上三種方法，第一種最優。

因為第一種構造函數只在組件初始化的時候執行一次，

第二種組件每次render都會執行

第三種在每一次render時候都會生成新的箭頭函數。例：Test組件的click屬性是個箭頭函數，組件重新渲染的時候Test組件就會

因為這個新生成的箭頭函數而進行更新，從而產生Test組件的不必要渲染。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[react] ＜div onClick={handlerClick}＞单击＜/div＞和＜div onClick={handlerClick(1)}＞单击＜/div＞有什么区别？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。