react的this指向

在react裏this指向實例,但是在一些特殊情況下,會指向window,這時候需要修改this指向,有3種方法修改this指向

法一:使用箭頭函數(推薦)

changeData=(str)=>{
   //修改state的值
   this.setState({
   msg:str
  })  
}

法二:直接在方法後面添加bind(this),一般在傳其他參數的時候使用這樣的方法

<button onClick={this.changeData.bind(this)}>改變值</button>

法三:在構造函數裏面註明this

this.run =this.run.bind(this)

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章