Блог

В настоящее время у меня есть приложение React, которое использует модуль CSVLink from react-csv для экспорта данных с помощью кнопки.

 import React from 'react';
import { CSVLink } from "react-csv";

export default function DownloadButtonMeeting({ new_data, headers, file }) {
    return (
        <div style={{ marginLeft: "10px" }}>
            <CSVLink data={new_data} headers={headers} className="btn" style={{ padding: "2px" }} filename={`${file}_summary.csv`}>Download</CSVLink>
        </div>
    )
}
 

Он принимает данные, имя файла и заголовки в объекте массива и экспортирует их в CSV при нажатии на кнопку.

 export default function ContactsCard({ contactData }) {
    const contact_headers = [
        { label: "Name", key: "contact" },
        { label: "Title", key: "contact_title" },
        { label: "Email", key: "contact_email" },
        { label: "Phone", key: "contact_phone" },
        { label: "County", key: "county" },
        { label: "Affiliation", key: "affiliation" }
    ];
    
     const fileName = "Contact";
     return (
        <div>
         ....
            <DownloadButton new_data={[contactData]} headers={contact_headers} file={fileName} />     
        </div>
    )
}
         
 

Теперь мне было поручено в основном взять несколько наборов данных/листов и экспортировать их в один файл Excel с несколькими листами. Насколько я знаю, вы не можете сделать это с форматом csv или react-csv . Каков мой наилучший вариант для достижения этой React цели ? Есть ли какие React-Native -то решения?