即使在使用 require 后，图像也不会在循环时加载反应

Question

我创建了一个包含标题和图像的数组，但是当我使用地图提取图像时，图像路径被打印为字符串。我也尝试使用 require 关键字，但错误是“require is not defined”。我也尝试将我的资产（图像）移动到 src 文件夹中，但这也不起作用。我正在使用积雪。

const Img = [
  [
    {
      title: "Recommended to you",
      img: "assets/images/badging2.jpg"
    },
  ],
  
  [
    {
      title2: "hello",
      img1 : "../../public/assets/images/badging7.jpg"
    },
  ]
];

export default Img;

这是我的地图功能：-

     <div>
         {Img[0].map((item) => {
           return <p>{item.img}</p> 
          })}
    </div>   

// output - assets/images/badging2.jpg

Answer 1

试试这样返回return <img src={item.img} />

即使在使用 require 后，图像也不会在循环时加载反应

Images not loading in react while looping even after using require

javascript

reactjs

ecmascript-6

snowpack