react中組件處理事件最容易出錯是事件處理函數中的this的指向問題,因為ES6 class并不會為方法自動綁定this到當前對象.React實力函數的寫法主要有三種形式,不同的寫法解決this指向問題的方式也不同.

1.使用箭頭函數,這種寫法每次render調用時,都會重新創建一個新的組件,帶來額外的性能開銷.

不傳參

傳參

2.使用組件方法,直接將方法賦值給元素的事件屬性,并在構造器中將方法bind到當前對象.這么寫的好處是每次render不會重新創建一個回調函數,但是如果有很多個函數,那構造器里就寫很多行,另外,傳參的時候,也是使用的箭頭函數,也是每次render就會床創建函數

不傳參

傳參

??3.屬性初始化語法(property initializer syntax),不用在構造器中手動綁定this,也沒有render重復渲染的新更能問題,但是怎么傳參呢?

不傳參

?

?

總結

以上是生活随笔為你收集整理的react的bind(this)的全部內容，希望文章能夠幫你解決所遇到的問題。

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