react-csv-export

This is react-csv-export for exporting data to csv file

Getting Started

npm install react-csv-export --save

import CsvLink from 'react-csv-export';

Demo

https://cicada1992.github.io/react-csv-export/

Click the Export CSV Button in demo. You can see downloaded csv file.

const EXAMPLE_DATA_OF_DEMO = [
  { id: "id-0", name: "Youngjae", age: 29, country: "KOR" },
  { id: "id-1", name: "Kiook", age: 20, country: "JAP" },
  { id: "id-2", name: "Brian", age: 30, country: "USA" },
  { id: "id-3", name: "Kisoo", age: 41, country: "DPR" },
  { id: "id-4", name: "Youngsik", age: 51, country: "GER" }
];

Props

| Property | Type | Required? | Description | Default Value |:---|:---|:---:|:---|:---| | data | any[] | ✓ | What you want to export data | filename | string | ✓ | Filename | withTimeStamp | boolean | | Concatenate utc time stamp behind the file name (example: demo_export_1584169283290) | false | skipHeader | boolean | | Skip header and export only real data | false | skipEmptyLines | boolean | | Skip Empty lines | false | onClick | () => void | | Handler on clicking export link

Example

<CsvLink data={data} fileName="demo_export" withTimeStamp>
  <button>Export CSV</button>
</CsvLink>