以下是一个基本的React表单上传示例，它使用axios库来将文件上传到服务器：

import React, { useState } from "react";
import axios from "axios";
function FileUploadForm() {
  const [file, setFile] = useState(null);
  const [uploadPercentage, setUploadPercentage] = useState(0);
  const fileSelectedHandler = event => {
    setFile(event.target.files[0]);
  };
  const fileUploadHandler = () => {
    const formData = new FormData();
    formData.append("file", file);
    axios
      .post("/upload", formData, {
        headers: {
          "Content-Type": "multipart/form-data"
        }
      })
      .then(response => {
        console.log("File uploaded successfully");
      })
      .catch(error => {
        console.error("Failed to upload file", error);
      });
  };
  const uploadPercentageHandler = () => {
    if (file) {
      let reader = new FileReader();
      reader.onload = function(e) {
        setUploadPercentage(e.loaded / e.total * 100);
      };
      reader.readAsDataURL(file);
    }
  };
  return (
    <div>
      <input type="file" onChange={fileSelectedHandler} />
      <button onClick={fileUploadHandler}>Upload</button>
      <button onClick={uploadPercentageHandler}>Show Progress</button>
      <p>{uploadPercentage}%</p>
    </div>
  );
}
export default FileUploadForm;

这个示例包含一个文件输入框、一个上传按钮和一个进度条。当用户选择文件后，文件会存储在file状态变量中。当用户点击上传按钮时，

会将文件作为multipart/form-data格式的请求体发送到服务器。服务器响应后，

上传完成。此外，还有一个按钮可以显示上传进度，通过FileReader读取文件进度条实现。