UNPKG

react-csv-uploader

Version:

This is react-csv-uploader by dropping and opening file loader

37 lines (29 loc) 986 B
# react-csv-uploader This is react-csv-uploader by dropping and opening file loader ## Getting Started ``` npm install react-csv-uploader --save import { CsvDropzone } from 'react-csv-uploader'; ``` ## Demo https://cicada1992.github.io/react-csv-uploader/ Expected csv file shape for demo | A | B | C | D | E |:---|:---|:---:|:---:|:---:| |id-1 | name-1 | A | 10 | 1 |id-2 | name-2 | B | 3 | 2 ## Props | Property | Type | Required? | Description | |:---|:---|:---:|:---| | onFileLoad | (data: any[]) => void || Inject callback function to do something after file uploaded | onUploaderOpen | () => void | | If you want to handle after opening uploader, use this. ## Example ``` <CsvDropzone onFileLoad={this.handleFileLoad}> {({ openUploader }) => <FakeTable data={data} openUploader={openUploader} />} </CsvDropzone> private handleFileLoad(data: any[]) { console.log(data); <- try this line and confirm data! ...To handle data to your taste after file loaded. } ```