如何组织一个嵌套的 Redux reducer？

Question

我的应用程序部分的 reducer 将被深度嵌套

 export const MainReducers = function(state = mapDataToInitialState(), 
 action = {}) {
   switch (action.type) {
               case Constants.SET_FOO:
        return update(state, {

          sheet: {
            stream: {
              appeal_0: {
                issues: {
                  problem1: {
                    foo: {
                      $set: action.payload.foo
                    }
                  }
                }
              }
            }
          }
        });

        case Constants.SET_BAR:
        return update(state, {
          // TODO make reusable for all issues fields
         sheet: {
            stream: {
              person: {
                issues: {
                  problem1: {
                    bar: {
                      $set: action.payload.bar
                    }
                  }
                }
              }
            }
          }
        });
   default: return state;
  }
 };

我还有很多要补充的，我怎样才能以更好的方式抽象对象的嵌套

我在想return newState 之类的东西。我真的不明白组合减速器是否适用于这种类型的东西。 redux 文档对我来说很难理解，因此我需要一个更好的例子来说明如何组织 reducer.. 谢谢

Answer 1

combineReducers 绝对是要走的路。您还可以成功地规范化和扁平化您的状态，使其更易于使用。

所以你可能想这样做

const appReducer = combineReducers({
    streams: streamReducer,
    people: peopleReducer,
    issues: issueReducer
});

然后您的组件可以在 mapStateToProps 中获取他们想要的各个位，而不是获取一个巨大的大对象：

function mapStateToProps( state, ownProps ) {
    return {
        person: state.people[ ownProps.personId ]
        issues: state.issues[ ownProps.personId ]
    };
}