在Redux中设置具有多个异步调用的初始状态

时间:2016-11-09 10:40:07

标签: reactjs redux fetch

我正在使用React和Redux开发应用程序,最终我遇到了设计疑问。关键是当我启动应用程序时,我需要使用几个API请求填充商店(我使用fetch和redux-thunk)返回一些常量。这些常量将由几个组件使用,我无法将它们附加到特定组件,因为用户可能没有加载它并直接转到另一个不提取数据的组件....所以......最好的办法是什么?填充和" initialState"的最佳方式如何?在Redux? 另外,fetch API可以处理多个请求,就像我们使用$ q一样吗?

1 个答案:

答案 0 :(得分:0)

在根组件中,您可以在 componentDidMount 生命周期方法中进行API调用,并使用返回的值填充状态。州将在您的所有应用程序组件中共享。

如果您希望进行调用的组件是无状态功能组件(因此没有生命周期方法),您可以将其包装如下所示:

https://egghead.io/lessons/javascript-redux-fetching-data-on-route-change

(该课程的其余部分包括异步调用和使用thunk - 必须注意!)