如何在react中从JSON导入本地图像?

发布于 2025-01-13 18:15:56 字数 382 浏览 0 评论 0原文

我正在构建 React 应用程序,并且正在从 JSON 文件获取图像路径:

"images": {
"planet": "./images/planet-mercury.svg", 
"internal": "./images/planet-mercury-internal.svg", 
"geology": "./images/geology-mercury.png"
}

我正在解构 JSON 文件,这就是我尝试显示图像的方式:

<img src={images.planet} alt="IMG" />

我的图像文件夹位于带有 index.html 的公共目录中。但图像不显示。如何显示本地存储的图片?

I am buliding react app and i am getting images path from JSON file:

"images": {
"planet": "./images/planet-mercury.svg", 
"internal": "./images/planet-mercury-internal.svg", 
"geology": "./images/geology-mercury.png"
}

I am destructuring JSON file, and this it how i am trying to display images:

<img src={images.planet} alt="IMG" />

My images folder is located in the public directory with index.html. But images doesn`t display. How to show my local stored images?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文