Чтобы добавить несколько редукторов к корневому редуктору с помощью функции 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;