如何在react中显示远程.csv文件中的数据？

npm install react-papaparse axios

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

function CsvData() {
  const [data, setData] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      const response = await axios.get('远程.csv文件的URL');
      const result = Papa.parse(response.data, { header: true }).data;
      setData(result);
    };

    fetchData();
  }, []);

  return (
    <div>
      {data.map((row, index) => (
        <div key={index}>
          <span>{row.column1}</span>
          <span>{row.column2}</span>
          {/* 显示其他列的数据 */}
        </div>
      ))}
    </div>
  );
}

export default CsvData;

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

function App() {
  return (
    <div>
      {/* 其他组件内容 */}
      <CsvData />
      {/* 其他组件内容 */}
    </div>
  );
}

export default App;