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, '数据'); //表单数据名称
                }}
相关推荐
美酒没故事°5 小时前
vue3拖拽+粘贴的综合上传器
前端·javascript·typescript
可问春风_ren8 小时前
前端文件上传详细解析
前端·ecmascript·reactjs·js
Miketutu10 小时前
Flutter学习 - 组件通信与网络请求Dio
开发语言·前端·javascript
摘星编程10 小时前
React Native for OpenHarmony 实战:Swiper 滑动组件详解
javascript·react native·react.js
鸣弦artha10 小时前
Flutter框架跨平台鸿蒙开发——Build流程深度解析
开发语言·javascript·flutter
摘星编程12 小时前
React Native for OpenHarmony 实战:DisplayInfo 显示信息详解
android·react native·react.js
LongJ_Sir12 小时前
Cesium--可拖拽气泡弹窗(Vue3版)
javascript
跟着珅聪学java13 小时前
JavaScript 中定义全局变量的教程
javascript
哈哈你是真的厉害13 小时前
React Native 鸿蒙跨平台开发:FlatList 基础列表代码指南
react native·react.js·harmonyos
午安~婉13 小时前
整理知识点
前端·javascript·vue