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

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

使用通用函數(shù)來(lái)處理用戶(hù)在 REACT 中單擊時(shí)多個(gè)基于數(shù)組的相似狀態(tài)的變化

使用通用函數(shù)來(lái)處理用戶(hù)在 REACT 中單擊時(shí)多個(gè)基于數(shù)組的相似狀態(tài)的變化

呼如林 2022-10-21 11:04:13
我在 react 中創(chuàng)建了一個(gè)傳輸列表,其中有兩個(gè)用于在彼此之間傳輸名稱(chēng)的框。(左列表到右列表)。所以我編寫(xiě)了一個(gè)函數(shù)handleAllRight,它將左側(cè)列表中的所有元素傳輸?shù)降诙€(gè)列表,該列表基本上是數(shù)組,并使左側(cè)列表為空,用于handleAllRight 按鈕的目的?,F(xiàn)在我又介紹了一個(gè)leftList2 和rightList2,它們也有handleAllRight 功能。但我不會(huì)為這兩個(gè)列表編寫(xiě)一個(gè)通用的 handleAllRight 函數(shù)。handleAllRight 函數(shù)中唯一不同的是列表的編號(hào)。這是我使用 if 循環(huán)的 handleAllRight 函數(shù)。但是,如果其中傳遞了任何列表,如何動(dòng)態(tài)創(chuàng)建它。它應(yīng)該負(fù)責(zé)檢查用戶(hù)單擊的 id 的傳輸。const handleAllRight = listNumber => {if (listNumber === 1) {  setRightlist1(leftlist1);  setleftlist1([]);}if(listNumber === 2){    setRightlist2(leftlist2)    setleftlist2([]);}  };但我不想使用這個(gè)條件,因?yàn)榭赡苡泻芏嗔斜?,所以它?huì)增加代碼行的大小。我嘗試的另一件事是使用 eval 函數(shù)。它適用于任意數(shù)量的傳輸列表但我也不想使用 eval,因?yàn)槭褂盟皇且粋€(gè)好習(xí)慣。例如,我像這樣使用 eval    const handleAllRight = listNumber => {        eval(`setRightJobSeq${listNumber}(leftJobSeq${listNumber})`)        eval(`setleftJobSeq${listNumber}([])`);}這是 codeSandbox 鏈接。https://codesandbox.io/s/trusting-water-ccymg?file=/src/App.js
查看完整描述

2 回答

?
拉風(fēng)的咖菲貓

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

使用Eval不是一個(gè)好主意。我認(rèn)為你可以做到這一點(diǎn)。您可以將leftList, 和函數(shù)setleftlist1或setleftlist2,setRightList1或setRightList2作為參數(shù)傳遞并訪(fǎng)問(wèn)動(dòng)態(tài)函數(shù)this


 const handleAllRight = (leftList, setleftlist, setRightList) => {

       this[setRightList](leftList);

       this[setleftlist]([]);

      };


查看完整回答
反對(duì) 回復(fù) 2022-10-21
?
小怪獸愛(ài)吃肉

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

所以基本上你有一個(gè)集合數(shù)組。對(duì)于您的代碼,這種結(jié)構(gòu)似乎是 gpod:


const myData = [

  {

    list1: [...],

    list2: [...],

  },

  {

    list1: [...],

    list2: [...] ,

  },

]

然后你可以推入這個(gè)集合,刪除項(xiàng)目,并通過(guò)它們的索引訪(fǎng)問(wèn)它們


查看完整回答
反對(duì) 回復(fù) 2022-10-21
  • 2 回答
  • 0 關(guān)注
  • 114 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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