javascript - Redux:combineReducers 形状独立

Question

尝试将我的单个 reducer 拆分为不同的 reducer combineReducers是 redux 为此目的提供的便利功能。 combineReducers尽管使用至少每个第一级状态键的缩减器将状态限制为特定状态。因此，在某些情况下，您要么必须添加超过所需的 reducer，要么更改状态的形状。

更具体地说，假设应用程序的存储是这样的:

let store = {
    a: true,
    b: false,
    c: {...}
    d: {...}    
}

对于上面的存储，我需要为上面的每个键定义一个 reducer 并将它们组合起来，所以这将是这样的:

const reducerA = (state, action) => {...}
const reducerB = (state, action) => {...}
const reducerC = (state, action) => {...}
const reducerD = (state, action) => {...}

const rootReducer = combineReducers({
    a: reducerA,
    b: reducerB,
    c: reducerC,
    d: reducerD
});

我想保留 reducerC & reducerD用于处理状态上的各个对象，但我需要有一个通用的 reducer a & b状态键。

如何在不定义这些额外缩减器的情况下添加根级状态键值 reducerA & reducerB或使用通用 reducer 添加父对象 reducerAB ？这可能使用 combineReducers还是我应该以不同的方式处理所需的行为？

Answer 1

不，combineReducers 的预期用例是专门拆分用于维护每个状态切片的逻辑，并将该工作委托(delegate)给单独的函数。如果您真的希望 a 和 b 都由完全相同的函数实例管理，您要么需要将它们放在一个切片中(如 state.ab .a)，或者以某种方式使用 combineReducers 以外的东西。

您可能需要通读 Structuring Reducers - Beyond combineReducers Redux 文档中的部分讨论了组织 reducer 逻辑的其他方法，以及 Redux FAQ question on sharing state between reducers .