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, '数据'); //表单数据名称
                }}
相关推荐
Moment3 分钟前
面试官:用户访问到一个不存在的路由,如何重定向到404 Not Found的页面 ❓❓❓
前端·javascript·面试
全宝17 分钟前
实现一个有意思的眼球跟随卡片
前端·javascript·css
yqcoder38 分钟前
vue2 和 vue3 生命周期的区别
前端·javascript·vue.js
ZXT9 小时前
js基础重点复习
javascript
言兴9 小时前
秋招面试---性能优化(良子大胃袋)
前端·javascript·面试
WebInfra10 小时前
Rspack 1.5 发布:十大新特性速览
前端·javascript·github
雾恋11 小时前
我用 trae 写了一个菜谱小程序(灶搭子)
前端·javascript·uni-app
烛阴11 小时前
TypeScript 中的 `&` 运算符:从入门、踩坑到最佳实践
前端·javascript·typescript
Java 码农12 小时前
nodejs koa留言板案例开发
前端·javascript·npm·node.js
ZhuAiQuan13 小时前
[electron]开发环境驱动识别失败
前端·javascript·electron