尝试将我的单个 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
还是我应该以不同的方式处理所需的行为?
最佳答案
不,combineReducers
的预期用例是专门拆分用于维护每个状态切片的逻辑,并将该工作委托(delegate)给单独的函数。如果您真的希望 a
和 b
都由完全相同的函数实例管理,您要么需要将它们放在一个切片中(如 state.ab .a
),或者以某种方式使用 combineReducers
以外的东西。
您可能需要通读 Structuring Reducers - Beyond combineReducers
Redux 文档中的部分讨论了组织 reducer 逻辑的其他方法,以及 Redux FAQ question on sharing state between reducers .
关于javascript - Redux:combineReducers 形状独立,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43762803/