reactjs - reactjs：如何根据之前加载的数据动态加载数据

Question

在我的 reactjs 页面中，我将使用 axios 从 api 获取 id 和 imgs 列表并将其存储在状态中。

例子：

[
{id: 21321321,img_url: },
{id: 97777798},img_url: }
....
]

一旦我使用 axios 获取数据，我将显示图像列表。

同时，我想使用 axios 根据 id 获取更多数据。我将在一个列表中一次有 4 个 id。所以我必须再次提出 4 个请求并获取相应的数据并将它们显示在图像下方。

如果我将数据存储在如下状态

[
{id: 21321321,img_url: ,further_data: ... },
{id: 97777798,img_url: ,further_data: ...},
....
]

我将刷新 DOM 4 次。因为在 reactjs 中，每当我们改变状态时，它都会刷新 DOM。

另外如何在加载每个项目的dom时在div中触发然后开始收集额外的数据

标签： reactjs

Answer 1

您总是可以发送一个 ID 数组在后端处理它并返回一个对象数组。

而不是发送 4 个单独的请求，而是发送一个获得全部 4 个的请求。