如何通过React.js实现前端导出为Excel文件的长尾功能？

本文共计1414个文字，预计阅读时间需要6分钟。

目录+前言+实现方式+CSV+与Excel的区别+react-csv+xlsx+cdn+在react中使用json转excel+结句+前言+前段时间，项目上有需求需要将数据报表导出为Excel格式，这是后端的工作，前端只需前

目录

• 前言
• 实现方式
• csv 与 Excel 的区别
• react-csv
• xlsx
• cdn 方式
• 在 react 中使用
• json 转 excel
• 结语

前言

前段时间，项目上有个需求需要将数据报表导出为 excel 的需求，这本来是后端的工作，前端只需要一个 a 标签，就可以下载文件，但不巧的是，正好遇到后端请假，而且项目比较着急，那么前端是否可以实现呢？

实现方式

经过一顿搜索后，发现有这么几个 npm 库

• react-csv
• 根据给定的数据生成 CSV 文件，数据可以是二维数组、对象数组或字符串。