reactjs - 如何从json blob渲染图像

Question

我是reactjs的新手，我正在将json数据推送到react组件中。我试图在循环中添加cost image = 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"}))"