title: Convert blob string to image in React
body: <p>There is an object which contains as a field an image saved as string.</p>
  
  <p>It looks like this</p>
  
  <pre><code>myObj = {
    ...
    image: blob:http://localhost:3000/304dbb9b-6465-4dc8-8b2c-5a25fae7e452
  };
  </code></pre>
  
  <p>how can this be converted and shown as image?</p>
  
  <p>I need to save it in this form:</p>
  
  <pre><code>const row = [
        { label: 'NAME', value: `${myObj.name}` },
        { label: 'IMAGE', value: `${myObj.image}` },
      ];
  </code></pre>
  
  <p>which is mapped and some cells are populated with the data:</p>
  
  <pre><code>&lt;table&gt;  
    &lt;tbody&gt;
      &lt;tr&gt;
        {row.map(item =&gt; (
          &lt;Cell
            key={row.indexOf(item)}
            label={item.label}
            value={item.value}
          /&gt;
        ))}
      &lt;/tr&gt;    
  &lt;/table&gt;
  </code></pre>
  
  <p>How I tried: on the line</p>
  
  <pre><code>{ label: 'IMAGE', value: `${myObj.image}` },
  </code></pre>
  
  <p>if it is let like that it will print on the screen the string value.</p>
  
  <p>I tried also instead of <code>value: ``${myObj.image}</code> to put <code>value: &lt;img alt="" src={myObj.image} /&gt;</code> but in this case nothing is shown</p>