import React, { useState } from 'react';
import * as ExcelJS from 'exceljs';

const CsvReader = () => {
  const [data, setData] = useState([]);

  const readCsvFile = (e) => {
    const file = e.target.files[0];
    if (!file) return;

    const reader = new FileReader();
    reader.onload = async (e) => {
      const text = e.target.result;
      const workbook = new ExcelJS.Workbook();
      
      await workbook.csv.read(text);
      
      const worksheet = workbook.worksheets[0];
      const data = worksheet.getSheetValues();
      console.log(data);
    };
    reader.readAsText(file); // 以文本形式读取文件
  };

  return (
    <div>
      <input type="file" onChange={readCsvFile} />
      <div>
        {data.map((row, index) => (
          <div key={index}>{row.join(', ')}</div>
        ))}
      </div>
    </div>
  );
};