reactjs-如何从json blob渲染图像

我是reactjs新手，我正在将json数据推送到react组件中。我试图在循环中添加cost image=require（json.image），但这不是一个有效的过程。Require不会分解动态路径，并且import在子级无效

将

json

存储在

状态

或

属性

中，然后使用它渲染图像

const image = new Image();
image.src = URL.createObjectURL(json.image);

编辑：如果

json.image

是文件数据，则必须转换为

blob

var binaryData = []; 
binaryData.push(data); 
image.src = URL.createObjectURL(new Blob(binaryData, {type: "application/zip"}))" 

---

我将尝试--此URL.createObjectUrl函数是什么？未能在“URL”上执行“createObjectUrl”：未找到与提供的签名匹配的函数“我在传递到createObjectUrl原始数据时遇到了相同的错误：window.URL.createObjectUrl（数据）它必须是Blob或文件对象，而不是数据本身。这对我来说很有效：var binaryData=[]；binaryData.push（data）；window.URL.createObjectURL（new Blob（binaryData，{type:“application/zip”}”）“啊，什么都不起作用——我只有在外部托管图像时才幸运——但数据将是图像路径--