即使在使用require后循环也不能在react中加载图像

Question

我已经创建了一个带有标题和图像的数组，但是当我使用映射来提取图像时，图像路径被打印为字符串。我也试过使用require关键字，但错误即将到来，说明"require未定义"。我还尝试将我的资产(图像)移动到src文件夹中，但这也不起作用。我用的是snowpack

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} />