如何在ReactJS中从excel中获取JSON格式的数据？

import React, { useState } from 'react';
import XLSX from 'xlsx';
import { saveAs } from 'file-saver';

const ExcelToJson = () => {
  const [jsonData, setJsonData] = useState(null);

  const handleFileChange = (e) => {
    const file = e.target.files[0];
    const reader = new FileReader();

    reader.onload = (event) => {
      const data = new Uint8Array(event.target.result);
      const workbook = XLSX.read(data, { type: 'array' });
      const worksheet = workbook.Sheets[workbook.SheetNames[0]];
      const json = XLSX.utils.sheet_to_json(worksheet, { header: 1 });

      setJsonData(json);
    };

    reader.readAsArrayBuffer(file);
  };

  const handleDownload = () => {
    const jsonFile = new Blob([JSON.stringify(jsonData)], { type: 'application/json' });
    saveAs(jsonFile, 'data.json');
  };

  return (
    <div>
      <input type="file" onChange={handleFileChange} />
      {jsonData && (
        <div>
          <button onClick={handleDownload}>Download JSON</button>
          <pre>{JSON.stringify(jsonData, null, 2)}</pre>
        </div>
      )}
    </div>
  );
};

export default ExcelToJson;