开发者问题收集

Reactjs无法从json加载图像

2022-07-22
612

显然,从 json 文件导入图像 url 不起作用并给出这样的输出。但是如果我以这种方式导入它们:{require(“hardcoded url”)}它们可以工作,但如果我使用如下图所示的变量,则图像不会加载或类似:{require(project.image)}然后整个页面都会变成背景颜色。

react 代码: 在此处输入图像描述 json 文件: 在此处输入图像描述

输出: 在此处输入图片描述

1个回答

您可以将 require() 添加到 JSON 文件中的所有图像键。

示例:

更改 “image”:“images/personalewebsite.png”,
更改为 “image”:“require('images/personalewebsite.png')”

这是 codesandbox

中的演示
monim
2022-07-22