如何在React.js中上传和读取CSV文件？

import React, { useState } from 'react';

function FileUpload() {
  const [file, setFile] = useState(null);

  const handleFileChange = (event) => {
    setFile(event.target.files[0]);
  };

  const handleFileUpload = () => {
    if (file) {
      // 这里可以进行文件上传的操作
      console.log('上传文件:', file);
    }
  };

  return (
    <div>
      <input type="file" onChange={handleFileChange} />
      <button onClick={handleFileUpload}>上传</button>
    </div>
  );
}

export default FileUpload;

import React, { useState } from 'react';
import Papa from 'papaparse';

function FileUpload() {
  const [file, setFile] = useState(null);

  const handleFileChange = (event) => {
    setFile(event.target.files[0]);
  };

  const handleFileUpload = () => {
    if (file) {
      Papa.parse(file, {
        complete: (results) => {
          // 解析完成后的回调函数
          console.log('解析结果:', results);
        },
        header: true, // 如果CSV文件有表头，设置为true
      });
    }
  };

  return (
    <div>
      <input type="file" onChange={handleFileChange} />
      <button onClick={handleFileUpload}>上传</button>
    </div>
  );
}

export default FileUpload;