分派来自不同组件的操作[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);