文章讲述了如何使用npm包html-docx-js和file-saver来将HTML内容转换并导出为DOCX文件，以及如何利用react-csv库创建CSV文件进行数据导出。示例中包含了绑定按钮触发导出操作和自定义文件名的方法。
我是菜狗我就简单写写
导出doc文件
下载依赖包
npm install html-docx-js -f
npm install --save file-saver -f
引入
import htmlDocx from 'html-docx-js/dist/html-docx';
import saveAs from 'file-saver';
绑定按钮
<div onClick={this.exportClick.bind(this)}>导出</div>
exportClick() {
const {testReport}=this.state
var content = ` <h1>检测报告</h1>
<p>${testReport}</p>`;
var page =
'<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body>' +
content +
"</body></html>";
var converted = htmlDocx.asBlob(page);
// 用 FielSaver.js里的保存方法 进行输出
saveAs(converted, "检测报告.docx");
}
导出csv文件
下载依赖包
npm i react-csv -f
引入
import { CSVDownload, CSVLink } from "react-csv";
使用标签
<CSVLink data={batchData} headers={headers} filename={'自动测试'} > 导出 </CSVLink>
headers是自己想要的格式
headers :[ { label: '接口名称', key: 'name' }, { label: 'URL', key: 'response' ]
filename是下载的文件名
扫一扫
813
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
