如何深入添加新的鍵值對對象內不可變的Js地圖在REDX ..？

Question

我想通過一個內部items添加新鍵值對的對象一個下面給出：

{ 
    appElements: { 
    layers: { 
     layer_1: { 
     background: { 
      width: '100px', 
      height: '100px', 
      bgColor: '#aaaaaa', 
      bgImage: 'http:bgimage1.png' 
     }, 
     items: { 
      yrgroih9: { 
      width: '100px', 
      x: '200px' 
      }, 
      qhy0dukj: { 
      width: '100px', 
      x: '200px' 
      }, 
      '7lw2nvma': { 
      width: '100px', 
      x: '200px' 
      } 
     } 
     } 
    } 
    } 
} 

代碼用於增加內部items新的對象：

case 'ADD_OBJECT': 
    return state.setIn(["appElements","layers","layer_1","items"],{ 
    [action.objData.item_id]: { 
     "width": action.objData.width, 
     "x": action.objData.x 
    }, 
    }); 

第一項對象嘗試添加里面的items作品完美：

yrgroih9: { 
    width: '100px', 
    x: '200px' 
} 

排列的redux存儲數據（從chrome redux devtools）：

但添加另一個對象將刪除的第一個條目，並添加當前條目。

也試過updateIn函數，它不工作。

如何添加對象而不刪除舊的。

Answer 1

應該是這樣的：

return state.setIn(
    ["appElements","layers","layer_1","items", action.objData.item_id], 
    fromJS({ 
     "width": action.objData.width, 
     "x": action.objData.x 
    }));