参考:js-xlsx 实现前端 Excel 导出(支持多 sheet) - Raychan - 博客园
【问题解决】
1. 如果在导出过程中浏览器报错:XLSX.utils.json_to_sheet is not a function , 可能是因为 xlsx 版本问题导致的,在调用 XLSX.utils.json_to_sheet() 方法前尝试 打印 xlsx 的版本号:
console.log(XLSX.version)
经过简单排查,应该是 0.8.8 以下版本不支持 json_to_sheet() 方法,所以直接升级 xlsx 到最新版(目前是 0.14.5 )就可以了。
npm install xlsx@0.14.5 --save
2. 以上只演示了单个 sheet 导出的实现和效果,并且简单给出了多 sheet 导出的实现方案( handleExport 方法中注释部分),关于多 sheet 导出更详细的实现方案,参考:展示 用xlsx库 导出excel,含多个sheethttps://frontzhm.github.io/web-demo/export-excel/。
3. 如何通过 xlsx 实现 excel 的导入和解析,参考 :React读取Excel——js-xlsx 插件的使用 - Raychan - 博客园。