reactjs - 我是否将图像资源存储在公共(public)或reactJS中的src中？

Question

我正在为我的应用程序使用 React。我有一个 div 我想要一个背景图像。但我无法让它显示。

当我将其作为 myapp/src/bgimage.png 包含在 src 文件夹中时，它工作得很好，但我听说我应该将它包含在名为的文件夹中images 在根级别，所以它是 myapp/images/bgimage.png，但这对我不起作用并给了我:

You attempted to import ../images/bgimage.png which falls outside of the project src/ directory.'

谁能告诉我在reactJS中包含图像资源的正确方法吗？

Answer 1

public:应用程序编译时未使用的任何内容

src:编译应用程序时使用的任何内容

例如，如果您在组件内使用图像，则它应该位于 src 文件夹中，但如果您在应用程序外部有图像(即 favicon)，则它应该位于公共(public)文件夹中。