无法在React中上载文件时追加到formData对象

import React, { useState } from 'react';

const FileUpload = () => {
  const [file, setFile] = useState(null);

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

  const handleUpload = () => {
    if (file) {
      const formData = new FormData();
      formData.append('file', file);

      // 发送HTTP请求，将formData作为请求体
      // 可以使用fetch或axios等库发送请求

      // 示例：使用fetch发送POST请求
      fetch('/upload', {
        method: 'POST',
        body: formData,
      })
        .then((response) => response.json())
        .then((data) => {
          // 处理上传成功的响应
        })
        .catch((error) => {
          // 处理上传失败的错误
        });
    }
  };

  return (
    <div>
      <input type="file" onChange={handleFileChange} />
      <button onClick={handleUpload}>上传</button>
    </div>
  );
};

export default FileUpload;