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

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

如何更改數(shù)組的克隆而不更改 reactjs 中的原始數(shù)組

如何更改數(shù)組的克隆而不更改 reactjs 中的原始數(shù)組

海綿寶寶撒 2023-02-17 16:01:29
我的組件中有一個(gè)狀態(tài),我想在單擊保存按鈕并更改和刪除克隆的某些屬性然后發(fā)布到后端時(shí)克隆此狀態(tài),但是當(dāng)我更改克隆數(shù)組時(shí),原始狀態(tài)也會(huì)更改;我不知道該怎么做我追蹤了克隆陣列的所有方法,但所有方法都沒有幫助我;以下是我的代碼:...    const [steps , setSteps] = useState([        {            id: 1,            // content: "item 1 content",            subItems: [              {                id: 10,                isNew : false ,                hasWorkflow : true ,                title : 'SubItem 10 content' ,                approverType : 1,                approverId : 0 ,              },              {                id: 11,                isNew : false ,                hasWorkflow : true ,                title : 'SubItem 11 content' ,                approverType : 2,                approverId : 1 ,              }            ]          },          {            id: 2,            // content: "item 2 content",            subItems: [              {                id: 20,                isNew : false ,                hasWorkflow : false ,                title : 'SubItem 20 content' ,                approverType : 2,                approverId : 4 ,              },              {                id: 21,                isNew : false ,                hasWorkflow : false ,                title : 'SubItem 21 content' ,                approverType : 1,                approverId :  3,              }            ]          }  ,          {            id: 3,            content: "item 3 content",            subItems: [              {                id: 55,                isNew : false ,                hasWorkflow : false ,                title : 'SubItem 20 content' ,                approverType : 2,                approverId : 6 ,              },              {                id: 66,                isNew : false ,                hasWorkflow : false ,                title : 'SubItem 21 content' ,                approverType : 2,                approverId : 4 ,              }            ]          }    ]);....
查看完整描述

2 回答

?
GCT1015

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

對(duì)于深拷貝試試這個(gè)

  let _result = JSON.parse(JSON.stringify(steps));

或者

  const newArray = steps.map(step => ({...step}));

傳播語(yǔ)法不提供深拷貝

深拷貝

深拷貝意味著實(shí)際上創(chuàng)建一個(gè)新數(shù)組并復(fù)制值,因?yàn)樗l(fā)生的任何事情都不會(huì)影響原始數(shù)組。

為了更清楚和更好地理解,您可以參考How do you clone an Array in Javascript?


查看完整回答
反對(duì) 回復(fù) 2023-02-17
?
jeck貓

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

根據(jù)具體情況,解析和取消解析可能會(huì)對(duì)性能造成很大影響,一種方便的替代方法是,如果您在項(xiàng)目中使用“Lodash”,您可以像這樣簡(jiǎn)單地使用cloneDeep 

const newArr = _.cloneDeep( steps );

這將返回一個(gè)新數(shù)組,而原始數(shù)組保持不變。


查看完整回答
反對(duì) 回復(fù) 2023-02-17
  • 2 回答
  • 0 關(guān)注
  • 104 瀏覽
慕課專欄
更多

添加回答

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