如何在 reducer 之间共享 state?

如何在 reducer 之间共享 state?

combineReducers(reducers)

reducers (Object): 一个对象，它的值（value）对应不同的 reducer 函数，这些 reducer 函数后面会被合并成一个。

随着应用变得越来越复杂，可以考虑将 reducer 函数拆分成多个单独的函数，拆分后的每个函数负责独立管理 state 的一部分。

rootReducer = combineReducers({potato: potatoReducer, tomato: tomatoReducer})
// rootReducer 将返回如下的 state 对象
{
  potato: {
    // 由 potatoReducer 管理的 state 对象 ...
  },
  tomato: {
    // 由 tomatoReducer 管理的 state 对象 ...
  }
}

那么问题来了，将 reducer 函数拆分成多个单独的函数，reducer 之间无法共享 state 怎么办呢？（由 potatoReducer 管理的 state 对象与由 tomatoReducer 管理的 state 对象，无法获取对方的 state 值）。首先最简单的办法是不要将 reducer 函数拆分成多个单独的函数，而是只使用一个 reducer 函数，就不会出现这个问题了。

标准的做法是使用 Redux Thunk 中间件。要引入 redux-thunk 这个专门的库才能使用。在 redux-thunk 的 异步 action 创建函数能通过 getState() 方法获取所有的 state。

export function fetchPostsIfNeeded(subreddit) {
  // 注意这个函数也接收了 getState() 方法
  // 它让你选择接下来 dispatch 什么。

  return (dispatch, getState) => {
    // todo...
  }
}

只需牢记 reducer 仅仅是函数，可以随心所欲的进行划分和组合，而且也推荐将其分解成更小、可复用的函数。