将一组图像映射到 react 组件中的图像标签中

Question

我的 src 文件夹中有 20 张图像src/images我想将这些图像映射到app.js中的图像标签中。怎么做？下面是我的设置，我得到错误。

import ImageDetails from "../data/ImageDetails";
{
    ImageDetails.map((Images) => {
        return (<img alt="doubt" src={ImageDetails.images} />)
    })
}

我的 Json：

[
  {
    "id": 1,
     "images": "../../assets/images/sample1.jpg",
  },
  {
    "id": 2,
     "images": "../../assets/images/sample2.jpg",
  },
  .
  .
  So on upto 20 images...
]

Answer 1

从"../data/ImageDetails";

{
    ImageDetails.map((Images) => {
        return (<img alt="doubt" src={Images.images} />)
    })
}

您需要在 .map 中使用 Images 而不是 ImageDetails。