redux - 如何为 combineReducers 提供正确的状态切片

Question

我是 Redux 的新手。

我一直在阅读它的'Reducers documentation , 遇到了我似乎无法理解的他们的 combineReducers 函数。

他们注意到:

All combineReducers() does is generate a function that calls your reducers with the slices of state selected according to their keys, and combining their results into a single object again. It's not magic.

我确实理解它会像听起来那样返回一个组合的 reducer，但是它如何为每个 reducer 提供特定的相关状态切片 - 根据它们的键什么意思？

深入了解他们的 It's not magic git issue 帮助我更多地了解了 combineReducers 的使用，但我仍然无法理解 according to their keys pars.

非常感谢任何解释，谢谢。

Answer 1

A:如果您的状态切片和 reducer 函数具有相似的名称 - 该切片将提供该 reducer。

示例:

const state = {
  slice1 : {...},
  slice2 : {...}
}

function slice1(state, action){...}
function slice2(state, action){...}

combineReducers({slice1, slice2})   //Reducers will be provided with appropriate slices.

B:如果您为 combineReducers 函数提供键，这些键必须与状态切片键匹配。

示例:

const state = {
  slice1 : {...},
  slice2 : {...}
}

function reducer1(state, action){...}
function reducer2(state, action){...}

combineReducers({slice1 : reducer1, 
                 slice2 : reducer2})   //Reducers will be provided with appropriate slices.

C:两种方法可以混合使用:

示例:

const state = {
  slice1 : {...},
  slice2 : {...}
}

function slice1(state, action){...}
function reducer2(state, action){...}

combineReducers({slice1, 
                 slice2 : reducer2})   //Reducers will be provided with appropriate slices.