如何将多个减速器合并到同一级别状态

Question

我想获取跟随结构状态。

{
     product: {
         items: [],
         fetching: true,
         selected: []
     }
}

items & fetching 由 HttpReducer 处理，selected 由 ProductSelectReducer 处理，如何将多个 reducer 的状态合并到同一级别？

谢谢。

Answer 1

reducers/product.js:

import { combineReducers } from 'redux'

const items = HttpReducer(...)
const fetching = HttpReducer(...)
const selected = ProductSelectReducer(...)

export default combineReducers(
  items,
  fetching,
  selected,
)

reducers/index.js:

import { combineReducers } from 'redux'
import productReducer from './products'

export default combineReducers(
  product: productReducer,
)

这个 reducer 结构会产生你正在寻找的结构。

如何将多个减速器合并到同一级别状态

How to merge multi reducers to same level state

reactjs

redux

react-redux