Ant Design Pro实现导出Excel

react Ant Design ProUI框架导出Excel（只能导出当前列表数据）

插件安装

?

1	npm install js-export-excel

安装完成之后开始引入

?

1	import ExportJsonExcel from "js-export-excel"

使用

?

1	<Button onClick={this.exportExcel}>导出</Button>

调用

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

handleExport = () => {      const { ReqDetailList } = this.props;    // 网络请求命名空间      const{columns} = this.state;      // 需要放在state里边,Table，Columns      const option = {};        option.fileName = 'excel';      option.datas = [          {              sheetData: ReqDetailList.data.map(item => {                  const result = {};                  columns.forEach(c => {                      result[c.dataIndex] = item[c.dataIndex];                  });                  return result;              }),              sheetName: 'ExcelName',     // Excel文件名称              sheetFilter: columns.map(item => item.dataIndex),              sheetHeader: columns.map(item => item.title),              columnWidths: columns.map(() => 10),          },      ];      const toExcel = new ExportJsonExcel(option);      toExcel.saveExcel();  };