0.0.5 • Published 4 years ago

react-csv-uploader v0.0.5

Weekly downloads
7
License
ISC
Repository
github
Last release
4 years ago

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

PropertyTypeRequired?Description
onFileLoad(data: any[]) => voidInject callback function to do something after file uploaded
onUploaderOpen() => voidIf 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.
}