亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何更改數組的克隆而不更改 reactjs 中的原始數組

如何更改數組的克隆而不更改 reactjs 中的原始數組

海綿寶寶撒 2023-02-17 16:01:29
我的組件中有一個狀態,我想在單擊保存按鈕并更改和刪除克隆的某些屬性然后發布到后端時克隆此狀態,但是當我更改克隆數組時,原始狀態也會更改;我不知道該怎么做我追蹤了克隆陣列的所有方法,但所有方法都沒有幫助我;以下是我的代碼:...    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貢獻1827條經驗 獲得超4個贊

對于深拷貝試試這個

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

或者

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

傳播語法不提供深拷貝

深拷貝

深拷貝意味著實際上創建一個新數組并復制值,因為它發生的任何事情都不會影響原始數組。

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


查看完整回答
反對 回復 2023-02-17
?
jeck貓

TA貢獻1909條經驗 獲得超7個贊

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

const newArr = _.cloneDeep( steps );

這將返回一個新數組,而原始數組保持不變。


查看完整回答
反對 回復 2023-02-17
  • 2 回答
  • 0 關注
  • 115 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號