我有一个服务器，可以处理包含多个图像的文件夹。 我想根据我的React应用中的页码接收30张图像
第1页：img 0-> 29
第2页：img 30-> 59
第3页：img 60-> 89
我知道如何使用
处理单个图像res.send(file) on the server side
fetch(url).then(blob) on the react side
但是我要如何处理30点？
答案 0 :(得分：0)
使用图像的元数据创建数组或JSON对象（例如[0 => {文件名，路径，thumbnailPath，大小，}]。
在您的应用程序中，如果您尝试加载某些东西，则使用此对象。例如，如果您不想下载图像0-10，请遍历Array，然后为每个条目像以前一样获取文件。
答案 1 :(得分：0)
有很多方法可以实现这一目标。
您可以从服务器获取所有图像并将其存储在组件状态下的数组中。第1页仅显示30张图像，第2页显示其他30张图像...，这样您可以显示图像取决于页码。
其他方法是您的API应该支持分页。一旦将页码传递给API，它就会相应地返回图像。
您可以使用任何支持分页的开源模块，只需将数组传递给该模块即可。选中一个react pagination