react中this指向問題

2022-06-28 06:06:13 字數 483 閱讀 7970

一.行間定義事件後面使用bind繫結this

run()

第一種//這一種方法使用bind來修改this的指向,需要注意的是bind括號內第乙個引數是修改this的,後面可以設定其他引數進行傳值。

二.在建構函式內部宣告this指向
constructor(props) 

this.run = this.run.bind(this);}

run()

第二種//第二種方法和第一種方法原理一樣,只是寫的位置不同。

三.宣告事件時將事件等於乙個箭頭函式
run=()=> 

第三種//第三種方法是將定義的run方法再等於乙個箭頭函式,利用箭頭函式沒有自己的this指標會繼承外層的作用域這個特性,來解決this指向問題

四.行間定義事件使用箭頭函式
run()

this.run()>第四種

react 改變this指向

1.行間定義事件後面使用bind繫結this 使用bind來修改this的指向,需要注意的是bind括號內第乙個引數是修改this的,後面可以設定其他引數進行傳值。如下 run this.run.bind this 第一種 2.在建構函式內部宣告this指向 第二種方法和第一種方法原理一樣,只是寫的...

react中解決this指向問題的四種方法

相信大家在學習和使用react的過程中,稍不注意就會出現this指向錯誤的問題,這個問題雖然比較好解決,但是還是讓人比較頭疼,那麼下面就說一下解決這個問題的四種寫法。一.行間定義事件後面使用bind繫結this run 第一種這一種方法使用bind來修改this的指向,需要注意的是bind括號內第乙...

react中解決this指向問題的四種方法

一 行間定義事件後面使用bind繫結this run 第一種 button 這一種方法使用bind來修改this的指向,需要注意的是bind括號內第乙個引數是修改this的,後面可以設定其他引數進行傳值。二 在建構函式內部宣告this指向 constructor props this run thi...