export-data
v0.2.0
Published
Export data in React to CSV and other file formats
Downloads
8
Readme
export-data
Export data in React to CSV and other file formats
Docs
FileDownloadLink
Example
<FileDownloadLink
fileType="CSV"
filename="fruits"
data={{
columnNames: ["Fruit", "Price"],
rows: [
["Apple", 1],
["Watermelon", 5],
["Durian", 10],
],
}}
>
Download data
</FileDownloadLink>
Props
export type FileDownloadLinkProps = {
/** The type of file to be exported. */
fileType: FileType;
/** The text encoding of the data, utf-8 by default. */
encoding?: string;
/** The data to download. Can be null if the data is set in onClick. */
data: FileDownloadLinkData;
/** The filename for the exported file. */
filename?: string;
/** A function to be called when the link is clicked before the data is downloaded.
* If this function modifies the data to be downloaded, then you must set
* setsDataAsyncInOnClick to true.
*/
onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
/** If the data is set asynchronously in onClick, then this must be set to true.
* Setting this to true will result in an automatic download of data at the next time
* the data changes.
*/
setsDataAsyncInOnClick?: boolean;
/** The content for rendering the link. */
children: React.ReactNode;
};
export type FileDownloadLinkData = {
columnNames: (string | number)[];
rows: (string | number)[][];
} | null;