React Excel导出插件使用

本文介绍了如何在React应用中利用xlsx-oc这个基于xlsx的二次开发插件来导出页面内容。步骤包括安装插件、导入导出函数,以及展示如何构造数据和设置表头,实现Excel文件的下载。
摘要由CSDN通过智能技术生成

使用execl导出插件'xlsx-oc'进行页面内容导出:

  注:该插件是基于xlsx插件进行的二次开发,感觉还是比较简单易用

  1> 安装

   yarn add @'xlsx-oc

 

  2> 使用

   import { exportExcel } from 'xlsx-oc';

    private download = () => {
        const { fileName } = this.state;
        const { i18n } = this.props.dep;
        const data = [];

        //  所需导出的内容,此处以固定数组为例
        const list: any[] = [{

            A:  0,

            B:  1 

        }]; 

 

        // 添加导出内容数组,通过键值对进行对应
        for( let i = 0; i < list.length; i++ ){
          const item = list[i].furniture.product;
          data.push({
              key: i,

              //  内容与表头对应,可自行替换别的参数名称表头
              name: item.name,
              count: list[i].coun

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值