如何使用反应钩子执行多个异步请求?



使用 react 钩子解决此 UI 用例的最佳方法是什么 - 磁贴屏幕截图

我有磁贴,每个磁贴都需要向支持的 API REST 终结点发出请求。每个模块的磁贴数量都是可配置的,所以理想情况下,我希望对一系列项目进行一些配置,例如

{title, text, asyncRequestFunction}

基于该配置数组,我想执行多个异步和并发请求来加载数据。 当相应的请求正在进行时,每个磁贴都应显示一些微调器,并在数据到达后立即显示数据,而不是在所有数据可用之后显示数据。 我可以通过一些当前可用的钩子(如 react-hooks-async(来解决它吗?

真正妨碍我的是反应钩子不能在循环中调用。

不完全确定我是否在回答你的问题 Jirko,因为通常最好展示一些你已经尝试过的东西的代码示例。

从我的头顶上,我会有拉动配置的容器组件。然后映射来自配置和渲染子组件的磁贴数组,其中包含您需要作为 props 传递的任何设置。

像这样,每个子组件都可以处理自己在useEffect内获取或从库中使用的任何钩子。

此外,钩子不应该在循环内部工作,这是反模式。

相关内容

  • 没有找到相关文章

最新更新