在react中将Json数据从csv转换为json后，根据字段进行分组

import React, { useEffect, useState } from 'react';
import csvtojson from 'csvtojson';

const CsvToJsonConverter = () => {
  const [data, setData] = useState([]);
  const [groupedData, setGroupedData] = useState({});

  useEffect(() => {
    const convertAndGroup = async () => {
      const csvFilePath = './path/to/your/file.csv'; // 替换为你的CSV文件路径
      const jsonArray = await csvtojson().fromFile(csvFilePath);

      // 根据某个字段分组，例如"groupField"
      const grouped = jsonArray.reduce((acc, item) => {
        const key = item.groupField;
        if (!acc[key]) {
          acc[key] = [];
        }
        acc[key].push(item);
        return acc;
      }, {});

      setData(jsonArray);
      setGroupedData(grouped);
    };

    convertAndGroup();
  }, []);

  return (
    <div>
      <h1>CSV to JSON Conversion</h1>
      <pre>{JSON.stringify(data, null, 2)}</pre>
      <h2>Grouped Data</h2>
      <pre>{JSON.stringify(groupedData, null, 2)}</pre>
    </div>
  );
};

export default CsvToJsonConverter;