reactjs - 使用 redux 更新状态中的深层嵌套对象

Question

如何在 react 和使用 redux 状态管理中更新深度嵌套的对象数组。不知道如何处理

[
   "0":{
       "id": 339,
       "children": [
           {
               "id": 381,
               "children": [
                   {
                       "id": 383,
                       "children": [],
                       "name": "Capability_C",
                       "level": 3,
                   }
               ],
               "name": "Capability_B",
               "level": 2,
           }
       ],
       "name": "Capability_A",
       "level": 1,
   },
   "1":{
       "id": 448,
       "children": [],
       "name": "Capability_Y",
       "level": 1,
   }

] 

在创建新对象时，无论它是对象的父对象还是子对象。现在只有父对象在状态中得到更新，而不是嵌套对象。有效负载具有一种能力的数据，可以是嵌套的（子）或只是一个父对象。虽然“能力”有我在上面放的列表

 const capbilityReducer = (capabilities = initialState, action) => {
    const { type, payload } = action;
  
    switch (type) {
 
      case CREATE_CAPABILITY:
        return [...capabilities, payload];
   }
  };
  
  export default capbilityReducer;

标签： reactjsreact-redux