React File Drop demo
var React = require("react");
var FileDrop = require("react-file-drop");
var MyUploader = React.createClass({
displayName: "MyUploader",
_handleFileDrop: function(files, event) {
console.log(files, event);
},
render: function() {
return (
var styles = {border: "1px solid black", width: 600, color: "black", padding: 20};
<div className="my-uploader" style={{styles}}>
This is the ".my-uploader" div. Try dragging a file!
<FileDrop frame={document} onDrop={this._handleFileDrop}>
Drop some files here!
</FileDrop>
</div>
);
}
});