如何使用react导出excel

要使用 React 导出 Excel，可以使用第三方库 `react-export-excel`。下面是一个简单的例子：

1. 安装 `react-export-excel` 库：

npm install react-export-excel --save

2. 创建一个 Excel 文件。

import React from 'react';
import ReactExport from 'react-export-excel';

const ExcelFile = ReactExport.ExcelFile;
const ExcelSheet = ReactExport.ExcelSheet;
const ExcelColumn = ReactExport.ExcelColumn;

const MyData = [
  {
    name: 'John',
    age: 25,
    address: '123 Main St',
  },
  {
    name: 'Jane',
    age: 30,
    address: '456 Broadway',
  },
  {
    name: 'Bob',
    age: 35,
    address: '789 5th Ave',
  },
];

const MyExport = () => {
  return (
    <ExcelFile>
      <ExcelSheet data={MyData} name="My Data">
        <ExcelColumn label="Name" value="name" />
        <ExcelColumn label="Age" value="age" />
        <ExcelColumn label="Address" value="address" />
      </ExcelSheet>
    </ExcelFile>
  );
};

export default MyExport;

3. 在你的 React 组件中使用 `MyExport` 组件。

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

const App = () => {
  return (
    <div>
      <h1>My React App</h1>
      <MyExport />
    </div>
  );
};

export default App;

这样就可以在你的 React 应用中导出 Excel 文件了。