如何在提交reactjs后清空dropzone

import React, { useState } from 'react';
import Dropzone from 'react-dropzone';

const MyComponent = () => {
  const [files, setFiles] = useState([]);

  const handleDrop = (acceptedFiles) => {
    setFiles(acceptedFiles);
  };

  const handleSubmit = () => {
    // 在提交后的处理逻辑中，完成你的业务逻辑
    // ...

    // 清空 Dropzone 中的文件
    setFiles([]);
  };

  return (
    <div>
      <Dropzone onDrop={handleDrop}>
        {({ getRootProps, getInputProps }) => (
          <div {...getRootProps()}>
            <input {...getInputProps()} />
            <p>将文件拖放到此处，或点击选择文件上传。</p>
          </div>
        )}
      </Dropzone>
      <button onClick={handleSubmit}>提交</button>
    </div>
  );
};

export default MyComponent;