如何在上传文件后清除React Dropzone组件中的Dropzone？

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

const MyDropzone = () => {
  const [uploadedFiles, setUploadedFiles] = useState([]);

  const handleDrop = (acceptedFiles) => {
    // 处理文件上传逻辑
    // 将已上传的文件添加到uploadedFiles状态中
    setUploadedFiles(acceptedFiles);
  };

  const handleClear = () => {
    // 清除已上传的文件列表
    setUploadedFiles([]);
  };

  return (
    <div>
      <Dropzone onDrop={handleDrop}>
        {({ getRootProps, getInputProps }) => (
          <div {...getRootProps()}>
            <input {...getInputProps()} />
            <p>拖放文件到此处，或点击选择文件上传。</p>
          </div>
        )}
      </Dropzone>
      {uploadedFiles.length > 0 && (
        <div>
          <h4>已上传的文件：</h4>
          <ul>
            {uploadedFiles.map((file) => (
              <li key={file.name}>{file.name}</li>
            ))}
          </ul>
          <button onClick={handleClear}>清除已上传的文件</button>
        </div>
      )}
    </div>
  );
};

export default MyDropzone;