如何使用react和Papaparse读取和解析CSV

npm install react
npm install papaparse

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

function CSVReader() {
  const [csvData, setCSVData] = useState([]);

  const handleFileUpload = (event) => {
    const file = event.target.files[0];
    Papa.parse(file, {
      complete: (results) => {
        setCSVData(results.data);
      }
    });
  };

  return (
    <div>
      <input type="file" onChange={handleFileUpload} />
      <table>
        <tbody>
          {csvData.map((row, index) => (
            <tr key={index}>
              {row.map((cell, index) => (
                <td key={index}>{cell}</td>
              ))}
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
}

export default CSVReader;

import React from 'react';
import CSVReader from './CSVReader';

function App() {
  return (
    <div>
      <h1>CSV Reader</h1>
      <CSVReader />
    </div>
  );
}

export default App;

npm start