如何使用react js中的axios将镜像上传到rest api？

npm install axios

import axios from 'axios';

const uploadImage = (imageFile) => {
  const formData = new FormData();
  formData.append('image', imageFile);

  axios.post('https://api.example.com/upload', formData)
    .then(response => {
      // 上传成功后的处理逻辑
      console.log(response.data);
    })
    .catch(error => {
      // 上传失败后的处理逻辑
      console.error(error);
    });
}

const handleFileChange = (event) => {
  const file = event.target.files[0];
  uploadImage(file);
}

return (
  <form>
    <input type="file" onChange={handleFileChange} />
  </form>
);