获取useEffect中的更新数据

Question

我尝试使用useEffect来获取数据。尝试这样做，我在获取过程中得到了许多渲染。

例如：

第一次渲染：

data = []

第二次渲染：

data = [{...}{...}]

所以数据数组是在2次渲染之后填充的。为什么？以及如何在第一次渲染中渲染数据？

Answer 1

当您在useEffect中获取数据时，当数据尚未加载时，将会有额外的渲染。但一般来说，你不应该为此担心，因为渲染速度很快。

解决这个问题的唯一方法是将数据加载到某个父组件中，然后将其作为参数传递给子组件。这样，您就可以拥有一个具有非平凡数据呈现功能的组件，只有当数据已经可用时，父组件才会显示该组件