首页 > 解决方案 > React/Redux:在 API 调用后将数据传递给同级组件

问题描述

我是 React 和 Redux Saga 的新手。

我有两个兄弟姐妹组件。在一个组件中,在“componentDidMount”中,我正在使用 redux-saga 调用一个 API。并且还能够根据该响应更新视图。

现在我想在我的其他组件中使用相同的数据。现在,我正在调度相同的操作来获取数据,但这会再次进行 API 调用,这是预期的。

所以我想为此找到正确的解决方案。这样只有一个电话,如果数据存在,那么我可以在第二个电话中使用相同的电话。

标签: reactjsreduxredux-saga

解决方案


在调用 API 之前,在 redux 存储中设置一个参数,该参数将标记 API 正在被调用(其初始值为 false)。

两个组件都将测试此参数并仅在其为 false 时调用 API。


推荐阅读