redux - 使用嵌套数组组合 reducer

Question

我现在使用 Redux 有一段时间了，我很喜欢它 :)

在处理嵌套数组时，我对如何组合 reducer 感到有些困惑。我有一个用户对象，它有一个评论列表。每个评论都可以有一个 review_comments 列表。

{
  user: {
  id: 1, 
  reviews: [{
     id: 1, 
     comments: [{
        id: 1, 
        message: "Test"
     }, {
        id: 2, 
        message: "123"
     }, {
        id: 3, 
        message: "456"
     }]}, {
        id: 2, 
        comments: [{
            id: 5, 
            message: "qwerty"
        }, {
            id: 6, 
            message: "1542354"
        }, {
            id: 7, 
            message: "45we 6"
        }]
    }]
}}

现在，所有这些都在同一个 UserReducer 中。每次状态发生变化时，我都会通过评论/评论列表进行映射。随着我的数据规模的增长，reducer 变得更加嵌套且难以管理。

有没有办法将它组合成 3 个 reducer : UserReduce r、 ReviewReducer 和 CommentReducer ？

谢谢您的帮助。

Answer 1

绝对地。使用扁平结构要容易得多。

看看 https://github.com/gaearon/normalizr有关拆分数据的想法。并在 https://github.com/rackt/reselect用于准备要在组件中使用的状态数据。

想法是按实体类型拆分多个reducer上的实体数据。然后构建一个选择器 - 函数，它接受全局存储并返回一些对您方便的数据结构。