我该如何使用React挂钩执行多个异步请求？

Question

使用React钩子解决此UI用例的最佳方法是什么-tiles screenshot

我有一些图块，每个图块都需要向支持的API REST端点发出请求。每个模块的图块数量都是可配置的，因此理想情况下，我想对一些项目进行配置，例如

{标题，文本，asyncRequestFunction}

，基于该配置数组，我想执行多个异步和并发请求以加载数据。 每个瓦片应在适当的请求进行时显示一些微调框，并在它们到达时立即显示数据，而不是在所有数据可用之后显示。 我可以通过一些当前可用的钩子（例如react-hooks-async）解决该问题吗？

真正让我烦恼的是，不能在循环中调用react挂钩。

Answer 1

不确定我是否会回答您的问题，因为通常最好显示一些您已经尝试过的东西的代码示例。

从我的头顶开始，我将拥有用于配置的容器组件。然后从配置和呈现的子组件中映射瓷砖阵列，并传递您需要作为道具传递的任何设置。

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

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