react导出excel?

1、先安装依赖 自行百度搜索或csdn

2.引入:import table2excel from 'js-table2excel'

3、按钮点击事件(我是直接写在button按钮里面的 你们也可以写一个店家事件写进去)

javascript 复制代码
  onClick={() => {
                  console.log(list);
                  const column = [
                    //数据表单
                    {
                      title: 'ID', //表头名称title
                      key: 'id', //数据
                    },
                    {
                      title: '姓名',
                      key: 'name',
                    },
                    {
                      title: '性别',
                      key: 'sex',
                    },
                    {
                      title: '年龄',
                      key: 'age',
                    },
                    {
                      title: '学历',
                      key: 'education',
                    },
                    {
                      title: '用工形式',
                      key: 'title',
                    },
                    {
                      title: '档级',
                      key: 'grade',
                    },
                    {
                      title: '所在项目',
                      key: 'pname',
                    },
                    {
                      title: '在职状态',
                      key: 'status',
                    },
                  ];
                  let tableDatas = JSON.parse(JSON.stringify(list)); //将数据转化为字符串(list_data数据是接口数据,把名称换成自己的数据即可)
                  let datas = tableDatas;
                  table2excel(column, datas, '数据'); //表单数据名称
                }}
相关推荐
梦幻通灵9 分钟前
Vue3 Element日期控件置灰明天之后日期
前端·javascript·vue.js
晓131329 分钟前
【Cocos Creator 3.x】篇——第一章 简介
前端·javascript·游戏引擎
ZC跨境爬虫1 小时前
跟着 MDN 学JavaScript day_10:数组——数据的有序集合
android·java·开发语言·前端·javascript
晓13131 小时前
【Cocos Creator 2.x】篇——第五章 游戏常用关键技术
前端·javascript·vue.js·游戏引擎
英俊潇洒美少年1 小时前
前端全量资源预加载优化指南(React内置API + Vue实现 + prerender/prefetch深度对比)
前端·react.js·前端框架
qq4356947012 小时前
Vue03
javascript·vue.js
樱花的浪漫2 小时前
Typescript、Zod基础
前端·javascript·人工智能·语言模型·自然语言处理·typescript
竹林8182 小时前
监听智能合约事件,我用 wagmi v2 踩了三天坑,终于找到了稳定方案
前端·javascript
用户852495071842 小时前
Bun 到底是什么?一个比 Node.js "更快更香"的 JS 运行时
javascript·程序员