如何使用react-dropzone读取文件内容？

npm install react-dropzone

import {useDropzone} from 'react-dropzone';

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

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

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

  const handleFileRead = (file) => {
    const reader = new FileReader();

    reader.onload = (e) => {
      const fileContent = e.target.result;
      console.log(fileContent);
    };

    reader.readAsText(file);
  };

  return (
    <div {...getRootProps()}>
      <input {...getInputProps({onChange: (e) => handleFileRead(e.target.files[0])})} />
      <p>拖放文件到此处，或点击选择文件</p>
    </div>
  );
}