React文件输入无法打开文件浏览器

import {useDropzone} from 'react-dropzone';

function MyDropzone() {
  const {getRootProps, getInputProps} = useDropzone();

  return (
    <div {...getRootProps()}>
      <input {...getInputProps()} />
      <p>将文件拖放到此处，或点击以选择文件</p>
    </div>
  );
}

function MyDropzone() {
  const onDrop = useCallback(acceptedFiles => {
    // 处理上传的文件
    console.log(acceptedFiles);
  }, []);

  const {getRootProps, getInputProps} = useDropzone({onDrop});

  return (
    <div {...getRootProps()}>
      <input {...getInputProps()} />
      <p>将文件拖放到此处，或点击以选择文件</p>
    </div>
  );
}