使用 Create-React-App 动态导入图像
Import images with Create-React-App dynamically
我希望有人能帮助我解决我的问题。
我开始学习 React，我想从名为“project”的对象中动态显示图像。
我在“项目”中循环并将每个项目作为组件“项目”的道具传递。
它显示其他项目（名称、描述、alt）但我无法获取图像。
我试过这个方法：<img src={require(`./img/${project.image}`)} 但它不起作用。
没有错误消息，但它什么也没显示。
我看到很多人有同样的问题，但我什么都试过了...我不知道该怎么办。
这是我的对象：
我文件夹的结构：
我的组件项目：
以及网站：
您不需要使用 require。如果您这样使用它，它将起作用。
<img src={`./img/${project.image}`} alt={project.alt} />
希望有用。
谢谢大家！我找到了一种方法。
我首先将图像导入我的目标文件“projects”。
然后我导入了我的对象并做了一个循环
import images
loop
最后，我的组件项目
component Project
谢谢大家的帮助！
我希望有人能帮助我解决我的问题。
我开始学习 React，我想从名为“project”的对象中动态显示图像。
我在“项目”中循环并将每个项目作为组件“项目”的道具传递。
它显示其他项目（名称、描述、alt）但我无法获取图像。
我试过这个方法：<img src={require(`./img/${project.image}`)} 但它不起作用。
没有错误消息，但它什么也没显示。
我看到很多人有同样的问题，但我什么都试过了...我不知道该怎么办。
这是我的对象：
我文件夹的结构：
我的组件项目：
以及网站：
您不需要使用 require。如果您这样使用它，它将起作用。
<img src={`./img/${project.image}`} alt={project.alt} />
希望有用。
谢谢大家！我找到了一种方法。
我首先将图像导入我的目标文件“projects”。
然后我导入了我的对象并做了一个循环
import images
loop
最后，我的组件项目 component Project
谢谢大家的帮助！