注：要根据 columns 和 dataSource 来导出数据，导出的内容应该包括 columns 作为表头，以及每一行的数据。编写 exportToExcel 函数，将 columns 和 dataSource 结合起来进行导出。
实例：
import React from 'react';
import { Button, Table } from 'antd';
import * as XLSX from 'xlsx';const TestComponent: React.FC = () => {const dataSource = [{ key: '1', name: '张三', age: 32, address: '张庄' },{ key: '2', name: '王二', age: 42, address: '王桥' },];const columns = [{ title: 'Name', dataIndex: 'name', key: 'name' },{ title: 'Age', dataIndex: 'age', key: 'age' },{ title: 'Address', dataIndex: 'address', key: 'address' },];const exportToExcel = () => {// 创建表头const header = columns.map(col => col.title);// 创建数据行const data = dataSource.map(item =>columns.map(col => item[col.dataIndex]));// 合并表头和数据const exportData = [header, ...data];// 创建工作簿const worksheet = XLSX.utils.aoa_to_sheet(exportData);const workbook = XLSX.utils.book_new();// 将 sheet 添加到工作簿XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');// 命名根据自己设定，生成 Excel 文件并触发下载，XLSX.writeFile(workbook, 'table-data.xlsx');};return (<div><Button onClick={exportToExcel}>导出 Excel</Button><Table dataSource={dataSource} columns={columns} /></div>);
};export default TestComponent;
- 表头 (
header)：使用columns.map(col => col.title)从columns中提取每一列的title，作为 Excel 文件的表头。 - 数据行 (
data)：使用dataSource.map来遍历每一行数据，然后使用columns.map根据dataIndex提取对应的数据值。 aoa_to_sheet：xlsx提供的aoa_to_sheet方法用于将二维数组（表头和数据）转换为 Excel 的sheet格式。- 合并数据：将表头和数据合并成一个数组，并作为最终导出的 Excel 文件内容。
这样，导出的 Excel 文件中会包含 columns 的表头和 dataSource 的对应数据。
