reactjs - 从不同的组件调度一个动作 [react-boilerplate]

Question

我正在使用react-boilerplate创建一个反应项目。

我有两个不同的组件：

在组件 A 中有一个 saga 函数，该函数也应该在组件 B 中调用。

当我从组件 A 分派一个动作时，正确调用了 saga 函数，但是当我从组件 B 分派相同的动作（我确定该动作已分派）时，不会调用组件 A 中的 saga 函数。

任何人都知道为什么会发生这种情况？

也许无法从其他组件分派动作？

谢谢！

Answer 1

要调用位于其他容器中的异步函数，我们应该包含包含异步函数的 saga。

import homeSaga from './saga';
import loginSaga from '../loginPage/saga';

const withHomeSaga = injectSaga({ key: 'home', saga: homeSaga });
const withLoginSaga = injectSaga({ key: 'login', saga: loginSaga });
export default compose(
  withReducer,
  withHomeSaga,
  withLoginSaga,
  withConnect,
)(HomePage);