React-Redux复杂（深度）状态对象

Question

鉴于我的初始重复状态为：

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 },
        { icon: 'images/icon-playlist.svg', name: 'Almost Done', filter: room => room.progress > 90 },
        { icon: 'images/icon-playlist.svg', name: 'Complete', filter: room => room.status === 'complete' },
        { icon: 'images/icon-playlist.svg', name: 'Recently Completed', filter: room => false },
        { icon: 'images/icon-playlist.svg', name: 'All Rooms', filter: room => true }
      ]
    }
  ],
  rooms: List(generateRooms())
}

我需要做一个减速器，它可以：

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

我不熟悉使用Redux工作流，解决这个问题的最好方法是将roomList设置为不可变的。js对象或编写一些代码来深度克隆我的状态对象。

此外state.room列表将从未来的功能中向其推送新数据。

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

我所做的最终不变似乎是一条路。有一些技巧与不可变的减少反应渲染时间，它满足所有的项目要求。此外，在项目中使用一个新的库而不进行重大更改是足够早的。

Answer 1

减速器组合：将减速器分解为更小的部分，这样减速器就足够小，可以处理简单的数据结构。在您的情况下，您可能有：roomListReducerlistItemsReducerlistItemReducer。然后在每个减速机上，它将使您更容易阅读您正在处理的状态的哪一部分。这很有帮助，因为您的每个reducer都在处理一小段数据，您不必担心诸如“我应该深度复制还是浅层复制”之类的问题。

不可变我个人不使用不可变。js因为我更喜欢处理普通对象。为了采用新的API，需要修改的代码太多了。但是，我们的想法是，确保状态更改总是通过纯函数完成的。因此，您只需编写自己的helper函数即可完成所需操作，只需确保在处理复杂对象时对其进行彻底测试即可。

或者简单地说，您可以在每个reducer中深度复制您的状态，并在副本中进行变异，然后返回副本。但这显然不是最好的办法。

Answer 2

首先，惯用的Redux鼓励您“规范化”您的状态，并尽可能将其平坦化。使用由项目ID设置关键字的对象来允许直接查找项目，使用ID数组来表示顺序，并且在一个项目需要引用另一个项目的任何地方，它只存储另一个项目的ID而不是实际数据。这允许您对嵌套对象进行更简单的查找和更新。请参阅有关嵌套数据的Redux常见问题解答问题。

另外，看起来您当前正在Redux状态下直接存储许多函数。从技术上讲，这是可行的，但它肯定不是惯用的，并且会破坏诸如时间旅行调试之类的功能，因此它非常不受欢迎。Redux常见问题解答提供了一些关于为什么在Redux状态中存储不可序列化的值是个坏主意的更多信息。

编辑：

作为后续工作，我最近在Redux文档中添加了一个新的部分，主题是“构造减缩器”。特别是，本节包括关于“规范化状态形状”和“更新规范化数据”以及“不可变更新模式”的章节。