React绑定事件处理函数this的几种方法
生活随笔
收集整理的這篇文章主要介紹了
React绑定事件处理函数this的几种方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在以類繼承的方式定義的組件中,為了能方便地調用當前組件的其他成員方法或屬性(如:this.state),通常需要將事件處理函數運行時的 this 指向當前組件實例。
綁定事件處理函數this的幾種方法:
第一種方法:
run(){
alert(this.state.name)
}
<button onClick={this.run.bind(this)}>按鈕</button>
?
第二種方法:
構造函數中改變
this.run = this.run.bind(this);
run(){
alert(this.state.name)
}
<button onClick={this.run>按鈕</button>
?
第三種方法:
run=()=> {
alert(this.state.name)
}
<button onClick={this.run>按鈕</button>
轉載于:https://www.cnblogs.com/wyanblog/p/10996366.html
總結
以上是生活随笔為你收集整理的React绑定事件处理函数this的几种方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: xv6实验课程--系统调用
- 下一篇: linux complete函数,Lin