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

【问题标题】：Dispatches an action from different component [react-boilerplate]从不同的组件调度一个动作 [react-boilerplate]
【发布时间】：2018-01-09 17:53:18
【问题描述】：

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

我有两个不同的组件：

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

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

有人知道为什么会这样吗？

可能无法从其他组件分派操作？

谢谢！

【问题讨论】：

是什么让你认为调用 B 中的函数应该使另一个函数也被 A 调用？这应该有什么目的？如果您提供一些示例代码来说明您的问题，也会很有帮助。

标签： reactjs react-boilerplate

【解决方案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);

【讨论】：