Я использую приложение create-response-app для своего проекта. Теперь, когда мне нужна redux-saga для асинхронной работы, я столкнулся с проблемой модульной настройки саг. Под модульным способом я имею в виду, что будет один главный файл саги, который будет экспортировать саги всех компонентов. например, есть 5 компонентов, компонент1, компонент2, компонент3, компонент4 и компонент5. У каждого компонента будут свои действия, редукторы, константы и саги. Как я могу так настроить?
Я мог бы сделать следующее, но как лучше всего справиться с этим?
Вот мой исходный код
store.js
import { createStore, applyMiddleware } from "redux";
import createSagaMiddleware from "redux-saga";
import rootReducer from "../reducers";
import rootSaga from "../app/sagas";
const configureStore = () => {
const sagaMiddleware = createSagaMiddleware();
return {
...createStore(rootReducer, applyMiddleware(sagaMiddleware)),
runsaga: sagaMiddleware.run(rootSaga)
};
};
sagas.js
import component1Saga from './component1/sagas';
import component2Saga from './component2/sagas';
export default function* appSaga() {
yield [component1Saga, component2Saga];
}