我是ReactJS的新手,我想将图像导入组件中。这些图像位于公用文件夹内,我不知道如何从react组件访问该文件夹。
有任何想法吗 ?
编辑
我想在Bottom.js或Header.js中导入图像
结构文件夹为:
我不使用webpack。我是不是该 ?
编辑2
我想使用webpack加载图像和其余资产。因此,在我的配置文件夹中,我有以下文件:
我需要在哪里添加图像的路径以及如何添加?
谢谢
您不需要任何webpack配置。
在组件中只需给出图像路径即可。默认情况下,react会在公共目录中知道它。
<img src="/image.jpg" alt="image" />
我们知道React是SPA。通过从JSX扩展到适当的HTML,一切都从根组件呈现。
因此,在哪里使用图像都没有关系。最佳实践是使用绝对路径(参考public)。不用担心相对路径。
就您而言,这应该在任何地方都有效:
"./images/logofooter.png"