如何在单个容器中添加多个Sagas（两个Saga都听不同的操作）

Question

因此，我是React-Boilerplate的新手，似乎没有办法在不影响以前的英雄传奇功能的情况下包含另一个英雄传奇（即不起作用）。

我尝试将sagas声明为常量，然后将其传递到容器末尾的compose函数中，但是在检查utils/injectsaga.js ，它给出了对象不是函数的错误，它不是功能。 所以这对我不起作用。 我试图按如下方法直接注入藻渣。

注入多个reducer效果很好，我认为在添加新的传奇之前，先前的传奇被覆盖了吗？ 请建议我一种更好的方法来解决此问题。

import sreducer from './reducer';

import ereducer from '../FooCreate/reducer'

import ssaga from './saga';

import esaga from '../FooCreate/saga'


useInjectReducer({ key: 'foo', reducer:sreducer });

useInjectReducer({ key: 'foo', reducer:ereducer });

useInjectSaga({ key: 'foo', saga:ssaga });

useInjectSaga({ key: 'foo', saga:esaga });

Answer 1

我相信您需要创建一个类似于rootSaga [1]的传奇，以处理子传奇。 就像是：

function* componentSaga() {
  // start the two sagas right away - use a different pattern here depending on
  // how your sagas are structured
  yield all([
    ssaga(),
    esaga(),
  ]);
}

useInjectSaga({key: 'foo', saga: componentSaga});

如果您的Sagas需要立即开始，或者

function* componentSaga() {
  yield takeEvery(FOO_ACTION, ssaga);
  yield takeEvery(BAR_ACTION, esaga);
}

useInjectSaga({key: 'foo', saga: componentSaga});

如果您希望它们被动作触发。

[1] https://redux-saga.js.org/docs/advanced/RootSaga.html