使用 react 钩子解决此 UI 用例的最佳方法是什么 - 磁贴屏幕截图
我有磁贴,每个磁贴都需要向支持的 API REST 终结点发出请求。每个模块的磁贴数量都是可配置的,所以理想情况下,我希望对一系列项目进行一些配置,例如
{title, text, asyncRequestFunction}
基于该配置数组,我想执行多个异步和并发请求来加载数据。 当相应的请求正在进行时,每个磁贴都应显示一些微调器,并在数据到达后立即显示数据,而不是在所有数据可用之后显示数据。 我可以通过一些当前可用的钩子(如 react-hooks-async(来解决它吗?
真正妨碍我的是反应钩子不能在循环中调用。
不完全确定我是否在回答你的问题 Jirko,因为通常最好展示一些你已经尝试过的东西的代码示例。
从我的头顶上,我会有拉动配置的容器组件。然后映射来自配置和渲染子组件的磁贴数组,其中包含您需要作为 props 传递的任何设置。
像这样,每个子组件都可以处理自己在useEffect
内获取或从库中使用的任何钩子。
此外,钩子不应该在循环内部工作,这是反模式。