React+Antd 实现导出Excel 2021-11-30

1、安装插件js-export-excel

yarn安装-记得以管理员身份执行

yarn add js-export-excel

npm安装

npm install js-export-excel

2、页面先引入安装的插件

import ExportJsonExcel from 'js-export-excel';

3、按钮

return (

导出Excel表格

)

4、调用

downloadExcel = () => {

const datas = this.state.data ? this.state.data : '';//表格数据

  var option={};

  let dataTable = [];

  if (datas) {

    for (const data in datas) {

      if(data){

        let obj = {

          id: data.id,

          organization_code: data.organization_code,

          organization_name: data.organization_name,

        }

        dataTable.push(obj);

      }

    }

  }

  option.fileName = '组织信息'

  option.datas=[

    {

      sheetData:dataTable,

      sheetName:'sheet',

      sheetFilter:[id,organization_code,organization_name],

      sheetHeader:['组织ID','组织代码','组织名称'],

    }

  ];

  var toExcel = new ExportJsonExcel(option);

  toExcel.saveExcel();       

}

5、实现效果

生成excel表格

原文链接：https://blog.csdn.net/weixin_42143550/article/details/93657976