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

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

將選定的多個(gè)單選按鈕值和 uniqueId 添加到數(shù)組

將選定的多個(gè)單選按鈕值和 uniqueId 添加到數(shù)組

慕工程0101907 2021-10-14 13:17:07
我正在映射多個(gè)單選按鈕(組)選項(xiàng),當(dāng)用戶單擊單選按鈕時(shí),希望將選定的值和 uniqueId 添加到數(shù)組中。使用我當(dāng)前的代碼,我可以獲得當(dāng)前單擊但無(wú)法添加到數(shù)組的值。{result !== null && result.length > 0 ? (    <div>      {result.map(item => {        const label = item.question        const listOptions = item.options.map(item => {          return (            <Radio              name={item.uniqueId}              inline              value={item.uniqueId}              key={item.uniqueId}              className="radio-options"              checked={item.checked}              onChange={e => {                this.handleChange(label, uniqueId);              }}            >              {item.options}            </Radio>          );        });        return (          <div className="radio-options-overview">            <p>{label}</p>            {listOptions}          </div>        );      })}handleChange = (label, uniqueId) => {  console.log(label, uniqueId);  let addToArray = [];  this.setState({ selectedItems: addToArray})};數(shù)組看起來(lái)像這樣,[  { "label": "ageRange", "uniquId": 2 },  { "label": "smoker", "uniquId": 1 },  { "label": "exOption", "uniquId": 3 }]
查看完整描述

3 回答

?
蝴蝶不菲

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

你快到了。@Clarity 提供了很好的解決方案。如果您想替換現(xiàn)有值并用新值替換它


嘗試這個(gè)


handleChange = (label, uniqueId) => {

    const { selectedItems } = this.state

    // Find items that already exists in array

    const findExistingItem = selectedItems.find((item) => {

      return item.uniqueId === uniqueId;

    })


    if(findExistingItem) {

      // Remove found Item 

      selectedItems.splice(findExistingItem);

      // set the state with new values/object

      this.setState(state => ({

        selectedItems: [...state.selectedItems, {

          label, uniqueId

        }]

      }))

    } else {

      // if new Item is being added

      this.setState(state => ({

        selectedItems: [...state.selectedItems, {

          label, uniqueId

        }]

      }))

    }

};


查看完整回答
反對(duì) 回復(fù) 2021-10-14
?
嗶嗶one

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

你可以這樣做:


handleChange = (label, uniqueId) => {

  this.setState(state => ({ selectedItems: [...state.selectedItems, uniqueId]}));

};

通過(guò)使用數(shù)組展開(kāi)和函數(shù)形式,setState確保您不會(huì)直接改變狀態(tài)并將項(xiàng)目添加到最新?tīng)顟B(tài)。


如果你想用一label: uniqueId對(duì)添加一個(gè)對(duì)象,你可以這樣做:


handleChange = (label, uniqueId) => {

  this.setState(state => ({

    selectedItems: [...state.selectedItems, {

      [label]: uniqueId

    }]

  }));

};

編輯:如果要覆蓋具有相同標(biāo)簽的項(xiàng)目,最簡(jiǎn)單的方法是將它們存儲(chǔ)為對(duì)象而不是數(shù)組,因此具有相同標(biāo)簽的項(xiàng)目將覆蓋現(xiàn)有項(xiàng)目:


handleChange = (label, uniqueId) => {

    this.setState(state => {

      return { selectedItems: { ...state.selectedItems, [label]: uniqueId } };

    });

  };


查看完整回答
反對(duì) 回復(fù) 2021-10-14
?
偶然的你

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

老實(shí)說(shuō),我不明白,你想做什么,但如果你需要在數(shù)組中添加對(duì)象(或其他東西),你可以使用.push()方法。例如:


let addToArray = [];

let test = {"label": "ageRange", "uniquId": 2};

addToArray.push(test);

console.log(addToArray); //[{label: "ageRange", uniquId: 2}]


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

添加回答

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