у меня есть несколько редюсеров reducers/index.js
import { combineReducers } from 'redux';
import mainReducer from './mainReducer';
import userReducer from './userReducer';
import pageReducer from './pageReducer';
import categorieReducer from './categorieReducer';
const rootReducer = combineReducers({
mainReducer,
userReducer,
pageReducer,
categorieReducer
})
export default rootReducer
Каждый из редюсеров использует общий стейт reducers/initialStates.js
const initialState = {
//.....
}
export default initialState;
Например, reducers/mainReducer.js
import initialState from './initialState.js'
const mainReducer = (state = initialState, action) => {
// ....
}
export default mainReducer;
Создание store в файле redux-store.js
import {createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from "redux-devtools-extension";
import thunk from 'redux-thunk';
import rootReducer from '../reducers';
const store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)));
export default store;
Как мне оставить разделение на редюсеры, и при этом каждый из них будет подключаться к общему стейту