reactjs – React-Redux复杂(深层)状态对象

const state = {
  currentView: 'ROOMS_VIEW',navbarLinks: List([
    {name: 'Rooms',key: 'ROOMS_VIEW'},{name: 'Dev',key: ''}
  ]),roomListsSelected: {group: 0,item: 0},roomLists: [
    {
      name: "Filters",expanded: true,listItems: [
        { icon: 'images/icon-warning.svg',name: 'Alerts',filter: room => room.hasAlert },{ icon: 'images/icon-playlist.svg',name: 'In Progress',filter: room => room.progress > 20 },name: 'Almost Done',filter: room => room.progress > 90 },name: 'Complete',filter: room => room.status === 'complete' },name: 'Recently Completed',filter: room => false },name: 'All Rooms',filter: room => true }
      ]
    }
  ],rooms: List(generateRooms())
}

我需要制作一个减速器来做到这一点：

state.roomList[n].expanded = !state.roomList[n].expanded

我是使用Redux工作流程的新手，解决此问题的最佳方法是使roomList成为一个immutable.js对象，或编写一些代码来深入克隆我的状态对象。

state.roomList还将从未来的功能推送到新的数据。

总结/问题：在状态深处进行类似更改时，在reducer中返回新状态对象的最佳方法是什么，还是应该更改Redux状态对象的结构？

我做了什么最后，Immutable似乎要走了。有一些不可变的技巧可以减少反应渲染时间，并且满足所有项目要求。此外，在项目中尽早使用新库而不进行重大更改。