如何在React中从数据库中动态获取图像并显示在UI中？

import React, { useEffect, useState } from 'react';
import database from 'your-database-library';

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

  useEffect(() => {
    // 连接数据库并查询图像数据
    database.connect();
    const query = 'SELECT image FROM images WHERE id = 1'; // 假设查询id为1的图像数据
    const result = database.query(query);

    // 将查询结果保存在组件状态中
    setImageData(result.image);

    // 断开数据库连接
    database.disconnect();
  }, []);

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

export default ImageComponent;