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.