Javascript 将blob字符串转换为React中的图像

有一个对象包含一个保存为字符串的图像作为字段

看起来像这样

myObj = {
  ...
  image: blob:http://localhost:3000/304dbb9b-6465-4dc8-8b2c-5a25fae7e452
};

如何将其转换并显示为图像

我需要将其保存在此表单中：

const row = [
      { label: 'NAME', value: `${myObj.name}` },
      { label: 'IMAGE', value: `${myObj.image}` },
    ];

已映射，某些单元格已填充数据：

<table>  
  <tbody>
    <tr>
      {row.map(item => (
        <Cell
          key={row.indexOf(item)}
          label={item.label}
          value={item.value}
        />
      ))}
    </tr>    
</table>

如果是这样，它将在屏幕上打印字符串值

---

我也尝试过代替

value:`${myObj.image}

来放置

value:

，但是在这种情况下，没有显示任何内容

您应该使用URL.createObjectURL

<img src={URL.createObjectURL(myObj.image)} alt=""/>

<img src={URL.createObjectURL(myObj.image)} alt=""/>