# 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>
                    );
                }
            });