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

2021-10-05 19:21:02 字數 793 閱讀 5622

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

run()

>第一種<

/button>

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

二、在建構函式內部宣告this指向

constructor

(props)

this

.run =

this

.run.

bind

(this);

}run()

>第二種<

/button>

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

三、宣告事件時將事件等於乙個箭頭函式

run=(

)=>

>第三種<

/button>

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

四、行間定義事件使用箭頭函式

run()

)=>

this

.run()

>第四種<

/button>

第四種方法和第三種方法的原理是一樣的,只是寫法不同

對原作者表示感謝~

react中this指向問題

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

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括號內第乙...