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

Question

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

示例：

[
{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中触发，然后开始收集额外的数据

Answer 1

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

发送4个单独请求而不是发送4个单独请求。