使用react-csv获取数据以导出csv文件

npm install react-csv

yarn add react-csv

import React from 'react';
import { CSVLink } from 'react-csv';

const data = [
  ['Name', 'Age', 'Email'],
  ['John Doe', 30, 'johndoe@example.com'],
  ['Jane Smith', 25, 'janesmith@example.com'],
  ['Bob Johnson', 35, 'bobjohnson@example.com'],
];

const headers = [
  { label: 'Name', key: '0' },
  { label: 'Age', key: '1' },
  { label: 'Email', key: '2' },
];

const ExportCSVButton = () => {
  return (
    <CSVLink data={data} headers={headers} filename={'example.csv'}>
      Export CSV
    </CSVLink>
  );
};

export default ExportCSVButton;