状态更改时，Uppy控件删除上传的文件

Question

当我尝试使用带有ReactJS的Uppy控件上传文件时，我遇到了一些问题。

我第一次上传文件时它消失了。 如果状态未保持，则其工作正常。 但是我需要设置状态，如果文件类型是“ .xlsx”或“ .pdf”

请提出建议。

下面是.js文件。

import React from "react";
import { Dashboard } from "@uppy/react";
import "@uppy/core/dist/style.css";
import "@uppy/dashboard/dist/style.css";

const Uppy = require("@uppy/core");
const UppyDashboard = require("@uppy/dashboard");

const UppyComp = props => {
  const [IsPerso, setIsPerso] = React.useState(true);

  const uppy = Uppy({
    debug: true,
    autoProceed: false,
    restrictions: {
      maxFileSize: "2621440",
      maxNumberOfFiles: null,
      minNumberOfFiles: null,
      allowedFileTypes: [".pdf", ".xlsx"]
    },
    onBeforeFileAdded: (currentFile, files) => {
      setIsPerso(false);
      alert(IsPerso);
    }
  }).use(UppyDashboard, {
    inline: false,
    hideUploadButton: true,
    showProgressDetails: true,
    note: "Images and video only, 2–3 files, up to 1 MB",
    height: 470,
    browserBackButtonClose: true
  });

  return (
    <div>
      <div>
        <br />
        <Dashboard uppy={uppy} />
        <br />
      </div>
    </div>
  );
};

export default UppyComp;