在react js中获取json格式的excel表格数据(我尝试过split()和include()函数)

import React, { useEffect, useState } from 'react';
import XLSX from 'xlsx';

const ExcelDataComponent = () => {
  const [excelData, setExcelData] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch('path/to/excel/file.xlsx');
        const arrayBuffer = await response.arrayBuffer();
        const workbook = XLSX.read(arrayBuffer, { type: 'array' });
        const worksheet = workbook.Sheets[workbook.SheetNames[0]];
        const data = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
        setExcelData(data);
      } catch (error) {
        console.error('Error fetching Excel data:', error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      <h1>Excel Data</h1>
      <table>
        <thead>
          <tr>
            {excelData[0]?.map((cell, index) => (
              <th key={index}>{cell}</th>
            ))}
          </tr>
        </thead>
        <tbody>
          {excelData.slice(1)?.map((row, index) => (
            <tr key={index}>
              {row.map((cell, index) => (
                <td key={index}>{cell}</td>
              ))}
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
};

export default ExcelDataComponent;