REACTJS修改CSV中的列数据

npm install csv-parser

import React, { useState } from 'react';
import csvParser from 'csv-parser';
import fs from 'fs'; // 这里假设你已经将CSV文件上传至服务器并通过fs模块读取

const CSVModifier = () => {
  const [data, setData] = useState([]); // 用于存储CSV文件中的数据

  const modifyCSV = () => {
    fs.createReadStream('path/to/csv/file.csv') // 修改为你的CSV文件路径
      .pipe(csvParser())
      .on('data', (row) => {
        // 在这里进行对列数据的修改操作
        // 例如，将第一列的值替换为新的值
        row.columnName = 'newValue';

        setData(prevData => [...prevData, row]);
      })
      .on('end', () => {
        console.log('CSV文件中的列数据已修改');
      });
  };

  return (
    <div>
      <button onClick={modifyCSV}>修改CSV列数据</button>
      {data.map((row, index) => (
        <div key={index}>{JSON.stringify(row)}</div>
      ))}
    </div>
  );
};

export default CSVModifier;