在React中将Blob转换为单元格内的图像

const blobToDataURL = (blob) => {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onloadend = () => {
      resolve(reader.result);
    };
    reader.onerror = reject;
    reader.readAsDataURL(blob);
  });
};

import React, { useEffect, useState } from 'react';

const ImageCell = ({ blob }) => {
  const [imageUrl, setImageUrl] = useState('');

  useEffect(() => {
    const convertBlobToImage = async () => {
      try {
        const dataUrl = await blobToDataURL(blob);
        setImageUrl(dataUrl);
      } catch (error) {
        console.error('Error converting Blob to DataURL:', error);
      }
    };

    convertBlobToImage();
  }, [blob]);

  return <img src={imageUrl} alt="Image" />;
};

export default ImageCell;