如何使用react dropzone预览pdf

npm install react-dropzone

import { useDropzone } from 'react-dropzone';

function FileUploader() {
  const { acceptedFiles, getRootProps, getInputProps } = useDropzone({
    accept: 'application/pdf',
    multiple: false,
  });

  const files = acceptedFiles.map(file => (
    <li key={file.path}>
      {file.path} - {file.size} bytes
    </li>
  ));

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

function App() {
  return (
    <div className="App">
      <h1>PDF 文件上传预览</h1>
      <FileUploader />
    </div>
  );
}