公共文件夹中的ReactJS和图像

JavaScript React.js

2020-04-03

我是ReactJS的新手，我想将图像导入组件中。这些图像位于公用文件夹内，我不知道如何从react组件访问该文件夹。

有任何想法吗？

编辑

我想在Bottom.js或Header.js中导入图像

结构文件夹为：

我不使用webpack。我是不是该？

编辑2

我想使用webpack加载图像和其余资产。因此，在我的配置文件夹中，我有以下文件：

我需要在哪里添加图像的路径以及如何添加？

谢谢

第3977篇《公共文件夹中的ReactJS和图像》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

阿飞 2020.04.03

我们知道React是SPA。通过从JSX扩展到适当的HTML，一切都从根组件呈现。

因此，在哪里使用图像都没有关系。最佳实践是使用绝对路径（参考public）。不用担心相对路径。

就您而言，这应该在任何地方都有效：

"./images/logofooter.png"

乐 2020.04.03

您不需要任何webpack配置。

在组件中只需给出图像路径即可。默认情况下，react会在公共目录中知道它。

<img src="/image.jpg" alt="image" />

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android