Question

我正在构建一个博客应用程序，而我只是意识到我不能在react中使用本地文件路径，并且由于我的REST api的响应是每个图像的唯一路径，因此我不能在react中使用它。

有没有一种方法可以解决此问题而无需导入每个图像？

这是我目前正在做的事情：

const imgSrc = this.state.post.img_path

const styles = {
    background: 'url('+imgSrc+')'
}

然后将样式应用于元素。

我这样做是因为很快我将对其进行更新并使其更新，因此我将针对不同的屏幕尺寸上传3张不同的图像。

Answer 1

解决方案：

我没有将我的图像存储在公共文件夹之外，而是更改了上载位置以将图像存储在public / images文件夹中。值得庆幸的是，我只有几张图片，所以还不错。

然后我将网址设置为：

"https://localhost:3007/images/" + image name gotten from REST api response

现在可以使用了。