在页面上显示上传的图像作为网格或图像列表

Question

我正在从Reactjs应用程序上传多个图像。所以我有一个页面，其中有一个按钮可以打开上传表单。所有图像都上传到azure blob存储。我希望在上传完成后在此页面上显示所有这些图像。由于所有图像都具有不同的宽高比，我应该如何在此页面上将其显示为网格或图像列表？

Answer 1

我认为您可以将图片显示为手机列表。 如果你想创建更具响应性的布局 - 你可以试试pinterest的那个。

这是lib（Masonry），它可以帮助你解决这个问题。

Here是一个用它实现的杰出范例。