Добавьте несколько редукторов к корневому редуктору в Redux, используя joinReducers

Чтобы добавить несколько редукторов к корневому редуктору с помощью функции combineReducersв Redux, вы можете использовать несколько методов. Вот некоторые из них:

Метод 1: импортируйте и используйте combineReducersнепосредственно из Redux.

import { combineReducers } from 'redux';
const rootReducer = combineReducers({
  reducer1: reducer1,
  reducer2: reducer2,
  reducer3: reducer3,
});
export default rootReducer;

Метод 2. Создайте отдельные файлы редуктора и импортируйте их по отдельности.

import reducer1 from './reducer1';
import reducer2 from './reducer2';
import reducer3 from './reducer3';
const rootReducer = combineReducers({
  reducer1,
  reducer2,
  reducer3,
});
export default rootReducer;

Метод 3. Используйте сокращенную запись объекта, если имена редукторов соответствуют ключам.

import { combineReducers } from 'redux';
const rootReducer = combineReducers({
  reducer1,
  reducer2,
  reducer3,
});
export default rootReducer;

Метод 4. Используйте динамический импорт ES6 для ленивых средств снижения нагрузки.

import { combineReducers } from 'redux';
const rootReducer = combineReducers({
  reducer1: () => import('./reducer1'),
  reducer2: () => import('./reducer2'),
  reducer3: () => import('./reducer3'),
});
export default rootReducer;