onDrop: function(e) {
        e.preventDefault();

        this.setState({
            isDragActive: false
        });

        var files;
        if (e.dataTransfer) {
            files = e.dataTransfer.files;
        } else if (e.target) {
            files = e.target.files;
        }

        if (this.props.onDrop) {
            files = Array.prototype.slice.call(files);
            this.props.onDrop(files);
        }
    },
    
    [...]
    
     return (
            <div className={className} style={style} onClick={this.onClick} onDragLeave={this.onDragLeave} onDragOver={this.onDragOver} onDrop={this.onDrop}>
                <input style={{display: 'none' }} type='file' multiple ref='fileInput' name="imageFile" onChange={this.onDrop} />
                {this.props.children}
            </div>
        );
    }