Reactjs 在React项目中，我应该将图像文件放在哪里？

我通常在src文件夹下创建images文件夹，所以我通过我的组件中的require

require（“images/sample.jpg”）

访问它们

我的朋友正在学习React，他正在努力加载图片，他将图片文件夹设置为public，如下图所示。这样，他就可以访问图像而无需

require（）

，所以他只需要

images/sample.jpg

。我想我需要使用

require（）

在React中加载图像

将“图像”文件夹置于“公用”下没有问题吗？那么我们为什么要使用

require（）

---

在公用文件夹和src文件夹中添加图像都是可以接受的方法，但是，将图像导入组件的好处是，生成系统将处理您的资产，并将接收哈希值，从而提高缓存/性能。您还有一个额外的好处，即如果文件被移动/重命名/删除，它将抛出一个错误

---

我应该注意的是，我认为哈希功能是create react应用程序的现成功能，但需要在Webpack中手动配置。因此，即使在生产环境中使用公用文件夹，也不会出现问题。

？问题是缺少性能效率？我认为将图像导入组件、将favicons和其他静态内容等内容委托给公用文件夹是非常常见的做法。但除此之外，使用公用文件夹不应该有任何问题。Hi@KeithBrewster。我仍然不明白我应该把我的图片放在哪里。我是否应该将它们放在公用文件夹中的图像文件夹中？提前谢谢。您好@PedroRelvas，我在我的源文件夹中创建了一个名为

images

的文件夹，并将我所有的图像放在那里。我可以从“../images/imageName.png”导入图像，比如说

import imageName

如果应用程序中同时使用图像，并且最终用户可以从公用文件夹下载所有图像，该怎么办。是否有一些变通方法来代替重复的图像集？