DropComponent
This is a direct modification of Romgrk's DropZone for better management of the component and handling of files.
Install
npm i -S @logicamente.info/react-drop-component
How to use
import { DropComponent } from '@logicamente.info/react-drop-component'
<DropComponent onDrop={(file, text) => console.log(file, text)} />
Props
Name | Description | Default |
---|---|---|
onDrop (required) |
called when a file is dropped or selected. Signature: (file: HTML5File, text: String)
|
|
handleClick |
Handle click events on the rendered component | true |
dontRead |
Prevent reading the file content, if it's causing problems | false |
label |
Label on the component | Select or Drop your file here |
multiple |
Allows user to select or drop multiple files for each input | false |
accept |
File types that user can drop or pick from the file input dialog box | * |
Details
The component overwrites the onDrag/DragEnter/.../Drop
props of the render function child.