如何在ReactJS中将图片从后台发送到前端

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

function App() {
  const [imageURL, setImageURL] = useState('');

  useEffect(() => {
    // 发送GET请求获取图片URL
    fetch('/api/getImageURL')
      .then(response => response.json())
      .then(data => setImageURL(data.imageUrl))
      .catch(error => console.log(error));
  }, []);

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

export default App;