如何从 JSON blob 呈现图像

Question

我是reactjs的新手，我正在将json数据推送到反应组件中。我试图在循环中添加成本图像 = require(json.image(，但它不是一个有效的过程。要求不会代谢动态路径 - 并且导入在子级别无效

Answer 1

将json存储在state或prop中，然后使用它来呈现图像

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"}))"