使用 Create-React-App 动态导入图像答案

【问题标题】：Import images with Create-React-App dynamically使用 Create-React-App 动态导入图像
【发布时间】：2023-03-17 05:02:01
【问题描述】：

我希望有人可以帮助我解决我的问题。

我开始学习 React，我想从一个名为“project”的对象中动态显示图像。

我在“项目”中循环，并将每个项目作为组件“项目”的道具传递。

它显示其他项目（名称、描述、alt），但我无法获取图像。
我试过这个方法：<img src={require(`./img/${project.image}`)} 但它不起作用。
没有错误信息，但什么也没显示。

我看到很多人有同样的问题，但我尝试了一切......我不知道该怎么办。

这是我的对象：

我的文件夹的组织：

我的组件项目：

还有网站：

【问题讨论】：

【解决方案1】：

你不需要使用require。如果你这样使用它就会起作用。

<img src={`./img/${project.image}`} alt={project.alt} />

希望对你有用。

【讨论】：

【解决方案2】：

谢谢你们！我找到了一种方法。
我首先将图像导入到我的目标文件“项目”中。然后我导入了我的对象并做了一个循环

最后，我的组件项目 component Project

感谢大家的帮助！

【讨论】：