问如果上传文件失败，如何在Ant Design的Upload组件中实现重试功能？

EN

import React, { useState } from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { Upload, message, Button } from "antd";
import { UploadOutlined } from "@ant-design/icons";
import reqwest from "reqwest";

function App() {
  const [fileList, setFileList] = useState([]);
  const [hasError, setHasError] = useState(false);
  const [uploading, setUploading] = useState(false);
  const props = {
    name: "file",
    action: "https://www.mocky.io/v2/5cc8019d300000980a055e76",
    headers: {
      authorization: "authorization-text"
    },
    onChange(info) {
      if (info.file.status !== "uploading") {
        console.log(info.file, info.fileList);
      }
      if (info.file.status === "done") {
        message.success(`${info.file.name} file uploaded successfully`);
        setHasError(false);
        setFileList([]);
      } else if (info.file.status === "error") {
        message.error(`${info.file.name} file upload failed.`);
        setHasError(true);
        setFileList([...fileList, info.file]);
      }
    }
  };
  const handleRetry = () => {
    const formData = new FormData();
    const files = fileList.filter((file) => file.status === "error");
    files.forEach((file) => {
      formData.append("files[]", file);
    });

    setUploading(true);

    // You can use any AJAX library you like
    reqwest({
      url: "https://www.mocky.io/v2/5cc8019d300000980a055e76",
      method: "post",
      processData: false,
      data: formData,
      success: () => {
        setUploading(false);
        setHasError(false);
        setFileList([]);

        message.success("upload successfully.");
      },
      error: () => {
        setUploading(false);
        setHasError(true);
        setFileList([...fileList]);
        message.error("upload failed.");
      }
    });
  };

  return (
    <>
      <Upload {...props}>
        <Button icon={<UploadOutlined />}>Click to Upload</Button>
      </Upload>

      {hasError && (
        <Button
          type="primary"
          onClick={handleRetry}
          disabled={fileList.length === 0}
          loading={uploading}
          style={{ marginTop: 16 }}
        >
          {uploading ? "Uploading" : "Retry"}
        </Button>
      )}
    </>
  );
}

ReactDOM.render(<App />, document.getElementById("container"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="container"></div>