如何在React.js中使用从数据库中检索到的图像路径显示图像

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

const ImageComponent = () => {
  const [imagePath, setImagePath] = useState('');

  useEffect(() => {
    // 从数据库中获取图像路径的逻辑，可以使用fetch或axios等库发送请求
    // 将获取到的图像路径设置到imagePath状态变量中
    // 示例代码：
    fetch('your-database-api-endpoint')
      .then(response => response.json())
      .then(data => setImagePath(data.imagePath))
      .catch(error => console.log(error));
  }, []);

  return (
    <div>
      {imagePath && <img src={imagePath} alt="Database Image" />}
    </div>
  );
};

export default ImageComponent;