為什么80%的碼農都做不了架構師？>>> ??

場景：在react讓新手理解this綁定是個難的問題，和瀏覽器中js真有些不同，記錄下來

一、方法一

在?constructor(props)?中將所有的定義的方法全部綁定一次 this

constructor(props) {super(props);this.dd= this.dd.bind(this);this.gg = this.gg.bind(this);this.vv= this.vv.bind(this);}

二、方法二

在需要調用方法的時候綁定 this：

<ListView data = {this.state.data}dataSource = {this.state.dataSource}requestData = {this.requestData} />

三、方法三

requestData = () => {const nextIndex = this.state.pageIndex + 1;this.setState({pageIndex: nextIndex,});NativeModules.LivePlayerListModule.requestLivePlayerList(nextIndex,(data) => {this.updateDataSource(data);}); }

需要注意一下，箭頭函數會自動使用方法體外的this.

四、箭頭函數只有一句，右邊不包含大括號的話，第一句會自動作為返回值，而反之則沒有返回值

轉載于:https://my.oschina.net/fir01/blog/759458

總結

以上是生活随笔為你收集整理的企业开发--React 中的this使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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