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

问题描述:

我正在开发一个带有React和Redux的应用程序,并最终产生设计疑问。关键是当我启动应用程序时,我需要用几个API请求(我使用fetch和redux-thunk)填充商店,它返回一些常量。这些常量将被多个组件使用,并且我无法将它们附加到特定的组件,因为可能用户没有加载它并直接转到另一个不会获取数据的组件。所以...处理这个问题的最好方法是什么?在Redux中填充和“initialState”的最佳方式是什么? 另外,如同我们用$ q做的所有例子一样,获取API处理多重请求是否可行?在Redux中设置多个异步调用的初始状态

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

如果你想拨打电话的组件是一个无状态的功能组件(因此不具有生命周期方法),你可以用它如下所示:

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

(其余该课程涵盖异步呼叫和使用thunk - 必须看!)