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, '数据'); //表单数据名称
                }}
相关推荐
Irene19918 分钟前
Python 面向对象总结:对比 JavaScript 的面向对象
javascript·python·面向对象
zhensherlock13 分钟前
Protocol Launcher 系列:Working Copy 提交与同步全攻略
javascript·git·typescript·node.js·自动化·github·js
changshuaihua00137 分钟前
useState 状态管理
开发语言·前端·javascript·react.js
Java后端的Ai之路1 小时前
React 快速入门到精通教程:从零基础到能写项目
前端·react.js·前端框架
猫32810 小时前
v-cloak
前端·javascript·vue.js
AC赳赳老秦10 小时前
OpenClaw二次开发实战:编写专属办公自动化技能,适配个性化需求
linux·javascript·人工智能·python·django·测试用例·openclaw
旷世奇才李先生10 小时前
Vue 3\+Vite\+Pinia实战:企业级前端项目架构设计
前端·javascript·vue.js
Ulyanov11 小时前
《PySide6 GUI开发指南:QML核心与实践》 第二篇:QML语法精要——构建声明式UI的基础
java·开发语言·javascript·python·ui·gui·雷达电子对抗系统仿真
聚美智数12 小时前
企业实际控制人查询-公司实控人查询
android·java·javascript
herinspace14 小时前
管家婆实用贴-如何分离和附加数据库
开发语言·前端·javascript·数据库·语音识别