在ReactJS中显示flask send_file函数中的图像

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

const ImageDisplay = () => {
  const [imageData, setImageData] = useState('');

  useEffect(() => {
    fetch('/get_image') // 发送HTTP请求到Flask后端获取图像数据
      .then(response => response.blob())
      .then(blob => {
        const reader = new FileReader();
        reader.onloadend = () => {
          setImageData(reader.result); // 将图像数据保存到state中
        };
        reader.readAsDataURL(blob);
      });
  }, []);

  return (
    <div>
      <img src={imageData} alt="Flask Image" />
    </div>
  );
};

export default ImageDisplay;