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

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

如何在一個(gè) onClick(ReactJS) 中調(diào)用一個(gè)類和 setState

如何在一個(gè) onClick(ReactJS) 中調(diào)用一個(gè)類和 setState

慕斯709654 2021-11-18 16:31:43
我對(duì) React 還很陌生,我想知道如何在一個(gè)類中調(diào)用一個(gè)函數(shù)(比如 this.handleChange)和一個(gè)帶有 setState 的箭頭函數(shù),在一個(gè)按鈕的一個(gè) onClick 中。我試過(guò)在兩行代碼之間使用逗號(hào)和 && 。<button name="Plus" onClick={() => this.setState({ Operator: 'plus' }) && this.handlePlus}>+</button>上面的代碼在render和return里面。預(yù)期的結(jié)果是代碼調(diào)用函數(shù)并改變狀態(tài)。相反,它只是改變狀態(tài)(所以只有第一部分)。請(qǐng)幫忙,先謝謝了!
查看完整描述

3 回答

?
猛跑小豬

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

setState()有一個(gè)可選的第二個(gè)參數(shù),它是一個(gè)函數(shù),一旦設(shè)置了狀態(tài)就會(huì)被調(diào)用。你可以這樣做:


this.setState({ Operator: 'plus' }, this.handlePlus);


您還可以使用componentDidUpdate生命周期:


componentDidUpdate(prevProps, prevState) {

  if(this.state.Operator === 'plus' && prevState.Operator !== 'plus') {

    this.handlePlus();

  }

}


查看完整回答
反對(duì) 回復(fù) 2021-11-18
?
墨色風(fēng)雨

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

只需this.setState({ Operator: 'plus' }handlePlus函數(shù)內(nèi)添加。


查看完整回答
反對(duì) 回復(fù) 2021-11-18
?
浮云間

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

< button name = "Plus"

onClick = {

  () => this.setState({

    Operator: 'plus'

  }, () => this.handlePlus())

} > + < /button>


this would work fine.or

if you are looking

for something like this....

you can handle multiple buttonClick event like this


  <

  button name = "Plus"

value = "yourValue"

onClick = {

  this.handleChange

} > + < /button>


handleChange = (e) => {

  const {

    name,

    value

  } = e.target;

  switch (name) {

    case 'Plus':

      this.setState({

        [name]: value

      });

      break;

    default:

      //enter code here

      break;

  }


}


查看完整回答
反對(duì) 回復(fù) 2021-11-18
  • 3 回答
  • 0 關(guān)注
  • 247 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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