将.jpg的react axios响应保存到state，然后显示state中的图像

npm install axios react-dom

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

function ImageComponent() {
  const [imageUrl, setImageUrl] = useState('');
  
  // 在这里进行axios请求并保存图像URL到状态变量
  // ...
  
  return (
    <div>
      <img src={imageUrl} alt="加载中..." />
    </div>
  );
}

function ImageComponent() {
  const [imageUrl, setImageUrl] = useState('');
  
  useEffect(() => {
    axios.get('your_image_url.jpg')
      .then(response => {
        setImageUrl(response.data);
      })
      .catch(error => {
        console.log(error);
      });
  }, []);
  
  return (
    <div>
      <img src={imageUrl} alt="加载中..." />
    </div>
  );
}