react 导出excel

要在 React 中导出 Excel，可以使用第三方库，如 "react-csv" 或 "react-export-excel"。

下面是使用 "react-csv" 库的示例代码：

1. 首先，安装 "react-csv" 库：

npm install react-csv --save

2. 然后，在组件中引入库：

import { CSVLink, CSVDownload } from "react-csv";

3. 在组件中定义数据，如一个二维数组：

const data = [
  ["Name", "Age", "Gender"],
  ["John Doe", 30, "Male"],
  ["Jane Smith", 25, "Female"],
  ["Bob Johnson", 50, "Male"]
];

4. 在组件中添加导出按钮，使用 "CSVLink" 组件：

<CSVLink data={data}>Export to CSV</CSVLink>

5. 最终的组件代码如下：

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

const data = [
  ["Name", "Age", "Gender"],
  ["John Doe", 30, "Male"],
  ["Jane Smith", 25, "Female"],
  ["Bob Johnson", 50, "Male"]
];

function ExportCSV() {
  return <CSVLink data={data}>Export to CSV</CSVLink>;
}

export default ExportCSV;

当用户点击 "Export to CSV" 按钮时，将会下载一个名为 "download.csv" 的文件，其中包含数据。