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

图拉真

我正在使用React和Redux开发应用程序,但最终遇到了设计疑问。关键是当我启动应用程序时,我需要用几个返回一些常量的API请求(我正在使用fetch和redux-thunk)填充商店。这个常量将由多个组件使用,我无法将它们附加到特定组件,因为也许用户没有加载它,而是直接转到另一个不获取数据的组件.... so ...处理此问题的最佳方法是什么?如何在Redux中填充和“ initialState”的最佳方法是什么?另外,例如我们使用$ q时,fetch API是否可以处理多个请求?

马克·威廉姆斯

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

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

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

(该课程的其余部分介绍了异步调用和使用thunk,这是必须注意的!)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Redux-thunk 异步调用和状态

React-Redux:如何从异步AJAX调用的响应中设置初始状态?

从axios调用React Redux设置初始状态

使用 react native 和 redux 进行异步调用,thunk

在阻塞的webRequest处理程序中使用异步调用

在类javascript类构造函数中使用异步调用

如何在PHP中使用Guzzle实现异步调用

如何在角度循环中使用异步调用?

Boost:在异步调用中使用多重递归是否安全?

在IDisposable.Dispose()中使用异步调用

在PCL中使用HttpClient进行异步调用

Dialogflow:这是否在异步调用中使用

设置文本D3时使用异步调用

使用回调将多个异步调用排队

在颤振中定义处于初始化状态的异步调用

React / Redux - 使用 useRouteMatch 设置初始状态

Redux Toolkit createAsyncThunk 问题:异步调度调用后状态更新?

从Redux设置初始状态

在Redux中链接多个异步调度

PHP 异步调用多个函数

C ++中的多个异步调用

对mongolab运行多个异步调用失败

等待多个异步调用完成?

如何返回多个异步调用的响应?

错误:未设置任何响应。是否在异步调用中使用了该调用,而该调用未作为对意图处理程序的承诺返回?

使用Redux Thunk在React Redux应用程序中保持异步调用的DRY

“尚未设置任何响应。是否在异步调用中使用了该响应,而该调用没有作为对意图处理程序的承诺返回?” 使用js

ComponentWillReceiveProps使用多个同步调度调用一次,但是使用异步调度多次调用吗?

在非异步 Javascript 中使用异步调用数据,Node 到 javascript 变量复制