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

Question

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

我有两个不同的组件：

组件 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);

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

Dispatches an action from different component [react-boilerplate]

reactjs

react-boilerplate