react 项目中使用js-export-excel导出excel

第一步:首先添加包

  • npm

npm install js-export-excel

  • yarn

yarn add js-export-excel

第二步:组件引入

import ExportJsonExcel from 'js-export-excel';

第三步:插件使用(一般项目通过点击事件触发)

ExportToExcel = () => {
    var option = []
    let resdata=[
		{name:"张三",address:"家里蹲"},
		{name:"张三1",address:"家里蹲1"},
		{name:"张三2",address:"家里蹲2"},
		{name:"张三3",address:"家里蹲3"},
		{name:"张三4",address:"家里蹲4"},
	]
    let sheetfilter = ["name","address"] //对应列表数据中的key值数组,就是上面resdata中的 name,address
    let sheetheader = ["姓名","住址"] //对应key值的表头,即excel表头


   
    option.fileName = "最简洁牛逼的导出excel"  //导出的Excel文件名
    option.datas = [
      {
        sheetData: resdata,
        sheetName: '最简洁导出工作表',  //工作表的名字
        sheetFilter: sheetfilter,
        sheetHeader: sheetheader,
      }
    ]

    var toExcel = new ExportJsonExcel(option);
    toExcel.saveExcel();
  }

**

如果不行你私信找我

**

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

与诸君共勉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值