时间戳

首页 > 解决方案 > 以制表符作为分隔符的导出 CSV 按钮

reactjs - 以制表符作为分隔符的导出 CSV 按钮

问题描述

我希望我的反应管理员导出按钮导出制表符分隔的 csv 文件，所以我不需要通过执行以下操作来转换逗号分隔的文件：Data=>Convert=>Select Comma.

这是我使用的代码（来自 React-admin 文档）：

import { List, downloadCSV } from 'react-admin';
import { unparse as convertToCSV } from 'papaparse/papaparse.min';

const MyExport = (records, fetchRelatedRecords) => {
    fetchRelatedRecords(records, 'id', 'trans').then(trans => {
        console.log(records);
        const csv = convertToCSV({
            data:records,
            delimiter:"\t",
            fields: ['Code', 'nom_exp', 'nom_dest','amount','frais'],
            columns:['Code','Nom exp','Nom dest','Montant','Frais']
        });
        downloadCSV(csv, 'liste_exp');
    });
};

标签： reactjsreact-adminpapaparse

解决方案

选项必须包含在第二个参数中。

这个例子对我有用：

export default (data) => {
    const fileName = 'export_' + moment().format('DDMMYYYYHHmmss');
    const converted = convertToCSV(data, {
        delimiter: '\t'
    });
    return downloadCSV(converted, fileName);
}

您可以在 papaparse 中找到更多文档： https ://www.papaparse.com/docs#config

推荐阅读