react 导出功能

最新推荐文章于 2025-05-08 13:31:44 发布

原创

最新推荐文章于 2025-05-08 13:31:44 发布 · 311 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js #react

本文探讨了在React应用中如何实现导出功能，详细解析了相关JavaScript和JSX代码，帮助开发者理解如何将组件或数据导出为CSV或其他文件格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 导出
let toExcel = function (event) {
    // 获得表格数据的html标签和文本d;
    let tem = `
	<table  border="1" cellspacing="0 " cellpadding="6">
		<tr>
			<th colspan="12">采购合同列表</th>
		</tr>
		<tr>
			<td>序号</td>
			<td>合同编号</td>
			<td>合同名称</td>
			<td>签约主体</td>
			<td>项目名称</td>
			<td>项目编码</td>
			<td>合同日期</td>
			<td>供应商</td>
			<td>合同金额</td>
			<td>付款合同-付款次数</td>
			<td>项目申请人</td>
			<td>采购申请人</td>
		</tr>
	`;
    let outExcelData = [];
    selectedRowKeys.map((item, i) => {
        let index = data.findIndex(v => v.id == item);
        outExcelData.push(data[index]);
    })
    if (outExcelData.length == 0) {
        message.error("请选择导出的数据：");
        return;
    }
    let outExcelTem = '';
    outExcelData.map((item, i) => {
        let updata = `<tr>
			<td>${i + 1}</td