如何深入添加新的键值对对象内不可变的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 
    }));