第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

React中組件綁定this

React中組件綁定this

Qyouu 2018-11-13 17:17:56
<button onClick={this.handleEvent}>    //這里的this是toggle組件 為什么還需要在組件里綁定這個(gè)函數(shù)的this   {this.state.isToggleOn === true ? 'on' : 'off'}</button>想不明白這里的this綁定
查看完整描述

1 回答

?
繁星淼淼

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊

因?yàn)樵?code>class中聲明函數(shù),并不會(huì)自動(dòng)綁定this對象

所以,你在onClick={this.handleEvent}的時(shí)候,分解成兩步你就懂了:

let handleEvent = this.handleEvent;
...onClick={handleEvent}...

所以,onClick調(diào)用的時(shí)候,handleEvent中的this會(huì)是undefined根據(jù)文檔

所以,你需要bind一下, 那么里面的this就是當(dāng)前組件啦。

還有一種方便的寫法,就是用箭頭函數(shù)聲明:

handleEvent = (e)=>{


}


render(){

  ...onClick={this.handleEvent}...

}


查看完整回答
反對 回復(fù) 2018-12-28
  • 1 回答
  • 0 關(guān)注
  • 470 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)