redux-saga -从node_modules导入saga并将其与其他saga组合

Question

有没有办法将node_modules中的传奇与我为应用程序编写的其他传奇结合起来？如果sagaMiddleware.run()可以接受sagas数组，这将是有意义的，但id不能

我在node_modules中有一个npm模块，里面有这个故事。

// node_modules/module/rootSaga.js
import { takeLatest } from 'redux-saga/effects'
import { createUserSaga } from './sagas/usersSagas'

export default function* usersModuleMernSagas() {
    yield takeLatest('CREATE_USER_REQUEST', createUserSaga)
}

我的店铺是这样的

// store.js
import { applyMiddleware, createStore } from 'redux'
import createSagaMiddleware from 'redux-saga'
import { routerMiddleware } from 'react-router-redux'
import history from 'history-module-mern'

import rootSaga from 'module/rootSaga'  // this is taht import from node_modules
import rootReducer from './rootReducer'
const sagaMiddleware = createSagaMiddleware()
const historyMiddleware = routerMiddleware(history)
const middleware = applyMiddleware(sagaMiddleware, historyMiddleware)

export const store = createStore(
    rootReducer,
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
    middleware
)

sagaMiddleware.run(rootSaga) //this can run only one saga

Answer 1

为了将多个sagas传递给sagaMiddleware.run()，您需要创建一个单独的生成器，您将在其中生成所有sagas。

下面你可以看到我的例子，其中有两个传奇：

// sagas.js

import { all, fork } from "redux-saga/effects";
import appSagas from "./App";
import authSagas from "./Auth";

export default function* () {
  yield all([
    fork(appSagas),
    fork(authSagas)
  ]);
}

然后，我将生成器函数作为sagas导入，并将其作为一个参数传递给sagaMiddleware.run()，如下所示：

// index.js

import sagas from "./sagas";

sagaMiddleware.run(sagas);