reactjs - 将一组图像映射到反应组件中的图像标签

Question

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

import ImageDetails from "../data/ImageDetails";

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

我的杰森：

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

标签： reactjs

Answer 1

从“../data/ImageDetails”导入 ImageDetails；

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

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