react-file-drag-and-drop
v0.1.6
Published
A simple React component that handles file drag and drop.
Downloads
214
Readme
React File Drag and Drop Component
A simple React component that handles file drag and drop.
Install
npm install --save react-file-drag-and-drop
How to use
var FileDragAndDrop = require('react-file-drag-and-drop');
var style = {
width: '100px',
height: '100px'
};
var Example = React.createClass({
handleDrop: function (dataTransfer) {
var files = dataTransfer.files;
// Do something with dropped files...
},
render: function () {
return (
<div>
<h1>Please drop your files</h1>
<div style={style}>
<FileDragAndDrop onDrop={this.handleDrop}>
Drop files here...
</FileDragAndDrop>
</div>
</div>
);
}
});
module.exports = Example;