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, '数据'); //表单数据名称
                }}
相关推荐
清晨Coding11 小时前
删了 Cookie 还能自动登录?Google系网站登录态自动恢复的原理分析
javascript
kyriewen11 小时前
我扫了 814 个依赖,97 个还敢要 Node 10
前端·javascript·程序员
程序员大阳12 小时前
HTML+CSS+JS对话式实战(9)-项目总结与问题分析
javascript·css·html·实战·项目总结
Hilaku13 小时前
MCP 协议会成为前端 AI 工程的标准接口吗?
前端·javascript·程序员
RobinDevNotes16 小时前
从 Electron 到 GPUI,9 个跨平台桌面方案该怎么选
前端·javascript·rust·electron·openresty·前端开发工具
程序员大阳17 小时前
HTML+CSS+JS对话式实战(6)-学生端查看活动功能开发
javascript·css·html·模块·查看学生
子兮曰1 天前
Chrome 权限元素实战:144 与 151 的渐进增强写法
前端·javascript·chrome
强尼银手1 天前
我花一天做了个格斗游戏原型,判定全对,然后被「美术」劝退了
前端·javascript
总要学点什么2 天前
第98篇:三维特效-材质线效果——给一条线换十种材质,虚线的图案只填了一半
开发语言·前端·javascript·ecmascript·gis·webgl·材质
OpsEye2 天前
混合云 AI 架构,如何统一做敏感内容拦截?
javascript·ai编程