Excel导出， 前端React

一、安装插件js-export-excel

npm install js-export-excel

二、代码事例
页面先引入安装的插件

import ExportJsonExcel from 'js-export-excel';

按钮

return (
    <div>
       <Button onClick={this.downloadFileToExcel }>导出Excel表格</Button>
    </div>
)

调用

  //excel表格的导出
  downloadFileToExcel = () =>{
    // 数据导入
    const {tables} = this.state;
    let data = tables;

    let option={};
    let dataTable = [];

    // 判断：设置每个excel的表头
    //个人
    if(this.state.value==0){
        data.forEach( item =>{
          let obj = {
            'name': item.name,
            'deptName':item.deptName,
            'number': item.number
          };
          dataTable.push(obj);
        })

      option.fileName = '总数统计'
      option.datas=[
        {
          sheetData:dataTable,
          sheetName:'sheet',
          sheetFilter:['name','deptName','number'],
          sheetHeader:['名称','部门','浏览量'],
        },
      ];
    }

    if(this.state.valuetwo==0){
      data.forEach( item =>{
        let obj = {
          'name': item.name,
          'deptName':item.deptName,
          'number': item.number
        };
        dataTable.push(obj);
      })

      option.fileName = '总数统计'
      option.datas=[
        {
          sheetData:dataTable,
          sheetName:'sheet',
          sheetFilter:['name','deptName','number'],
          sheetHeader:['名称','部门','次数'],
        },
      ];
    }

    let toExcel = new ExportJsonExcel (option); //new
    toExcel.saveExcel()
  }

其中的name,deptName,number是要导出的数据，自己要导出什么根据自己的实际情况导出即可，然后点击按钮导出即可。