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

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

在 React 中為數(shù)組中的每個(gè)項(xiàng)目創(chuàng)建按鈕時(shí),如何根據(jù)數(shù)組值傳入唯一的 onClick 參數(shù)?

在 React 中為數(shù)組中的每個(gè)項(xiàng)目創(chuàng)建按鈕時(shí),如何根據(jù)數(shù)組值傳入唯一的 onClick 參數(shù)?

胡說叔叔 2021-06-15 08:24:05
我正在為每個(gè)字符串創(chuàng)建一個(gè)按鈕數(shù)組(即majorDivisions = [“upper”,“l(fā)ower”])。我需要每個(gè)按鈕都有一個(gè) onClick 函數(shù),其參數(shù)等于唯一值(即“上”或“下”),具體取決于用于創(chuàng)建按鈕的值。它正在創(chuàng)建正確的按鈕,但是在調(diào)用函數(shù)時(shí),參數(shù)不是字符串而是一些類對(duì)象。return(  <div>    {this.state.majorDivisions.map((division) => {      return <button onClick = {this.renderDivisionRequirements.bind(null, {division})}>{division}</button>    })}  </div>)我的代碼成功創(chuàng)建了 2 個(gè)按鈕 [lower] 和 [upper],但是 onClick 參數(shù) {division} 顯示為類對(duì)象。
查看完整描述

1 回答

?
HUWWW

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

當(dāng)您將參數(shù)用大括號(hào)括起來時(shí){division},例如,您正在傳入一個(gè)對(duì)象。ie: { upper: "upper" }和{ lower: "lower" }


這被認(rèn)為是在函數(shù)聲明中創(chuàng)建對(duì)象的速記方法。


只需移除花括號(hào),單個(gè)division參數(shù)就會(huì)按預(yù)期傳遞給每個(gè)按鈕。


return(

  <div>

    {this.state.majorDivisions.map((division) => {

      return <button onClick = {this.renderDivisionRequirements.bind(null, division)}>{division}</button>

    })}

  </div>)

此外,為了讓事情更簡(jiǎn)潔,我建議您將其renderDivisionRequirements()轉(zhuǎn)換為箭頭函數(shù),這樣您就不必綁定this. 或者使用匿名函數(shù)在單擊按鈕時(shí)調(diào)用它。


renderDivisionRequirements = () => {

...renderDivisionRequirements logic

}

所以你的返回邏輯可以是


return(

  <div>

    {this.state.majorDivisions.map((division) => {

      return <button onClick = {() => this.renderDivisionRequirements(division)}>{division}</button>

    })}

  </div>)


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

添加回答

舉報(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)