react以excel的格式导出数据

①安装依赖xlsx

npm install xlsx

②在组件中引入xlsx

import xlsx from 'xlsx'

③编写导出数据的方法

//导出excel
  const outExcel = () => {
    if (selctList.length === 0) {
      //ant消息框
      message.warning('请先选中需要导出的数据');
      return
    }
    let sheet=xlsx.utils.json_to_sheet(selctList);
    let book=xlsx.utils.book_new();
    xlsx.utils.book_append_sheet(book,sheet,"sheet1");
    xlsx.writeFile(book,`userlist${new Date().getTime()}.xls`);
  }

selctList：是需要导出的数据（这里的数据格式为数组里面包含对象的类型如下图）

xlsx.writeFile(book,`userlist${new Date().getTime()}.xls`);`userlist${new Date().getTime()}.xls`这里是导出的文件名，（userlist+时间戳+.xls后缀名）；

可以将需要导出的数据使用map方法进行改造，

导出的内容如下图所示