如何在ReactJS中显示来自数据库的图像？

Question

我最近开始使用React。

我有一个带有ReactJS前端和ASP.NET后端的项目。

在我的数据库中，我保留了图像的路径。在React脚本中，我想获取它们。

我的应用程序从“ Index.html”开始。我的照片位于“ PizzaPhotos”文件夹中。

这是我的项目树：

以下是我的获取信息（包括图片）的信息：

如果我仅使用“ img src =“”，它将正常工作：

我使用的照片路径是：“ ../ src / PizzaPhotos / image.jpg”

它不起作用，我得到的只是：浏览器中的[x]。

也许解决方案很简单，但是目前我自己做不到。

我很乐意提供帮助。

Answer 1

它们应该是您应该存储图像的public文件夹的路径。公用文件夹（取决于您的配置）是提供给浏览器的。

Answer 2

具体来说，您应该将图像放入/public文件夹中，然后使用process.env.PUBLIC_URL变量引用该文件夹。 React不推荐这种方法（与使用import语句相比），但是请注意存在合法的用例。此处更多内容：https://facebook.github.io/create-react-app/docs/using-the-public-folder