CODEWITHSUNDEEP
reactjsreduxreact-redux
Honpery
Honpery

Reputation: 55

How to merge multi reducers to same level state

I want to get follow structure state.

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

items & fetching is handled by HttpReducer, selected is handled by ProductSelectReducer, how to merge multi reducers's state to same level?

Thanks.

Upvotes: 1

Views: 1335

Answers (1)

Mark Chandler
Mark Chandler

Reputation: 338

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,
)

This reducer structure would result in the structure you're looking for.

Upvotes: 1

Related Questions