module react-dropzone
1. function react-dropzone (props, context)
2. function react-dropzone.propTypes.accept ()
3. function react-dropzone.propTypes.children ()
4. function react-dropzone.propTypes.disableClick ()
5. function react-dropzone.propTypes.inputProps ()
6. function react-dropzone.propTypes.maxSize ()
7. function react-dropzone.propTypes.onClick ()
8. object react-dropzone.defaultProps
9. object react-dropzone.propTypes
module react-dropzone.propTypes
module react-dropzone.propTypes.accept
1. function react-dropzone.propTypes.accept ()
2. function react-dropzone.propTypes.accept.isRequired ()
module react-dropzone.propTypes.children
1. function react-dropzone.propTypes.children ()
2. function react-dropzone.propTypes.children.isRequired ()
module react-dropzone.propTypes.disableClick
1. function react-dropzone.propTypes.disableClick ()
2. function react-dropzone.propTypes.disableClick.isRequired ()
module react-dropzone.propTypes.inputProps
1. function react-dropzone.propTypes.inputProps ()
2. function react-dropzone.propTypes.inputProps.isRequired ()
module react-dropzone.propTypes.maxSize
1. function react-dropzone.propTypes.maxSize ()
2. function react-dropzone.propTypes.maxSize.isRequired ()
module react-dropzone.propTypes.onClick
1. function react-dropzone.propTypes.onClick ()
2. function react-dropzone.propTypes.onClick.isRequired ()

module react-dropzone

function react-dropzone (props, context)

description and source-code

function Dropzone(props, context) {
	    _classCallCheck(this, Dropzone);
	
	    var _this = _possibleConstructorReturn(this, (Dropzone.__proto__ || Object.getPrototypeOf(Dropzone)).call(this, props, context
));
	
	    _this.renderChildren = function (children) {
	      if (typeof children === 'function') {
	        return children(_this.state);
	      }
	      return children;
	    };
	
	    _this.onClick = _this.onClick.bind(_this);
	    _this.onDocumentDrop = _this.onDocumentDrop.bind(_this);
	    _this.onDragStart = _this.onDragStart.bind(_this);
	    _this.onDragEnter = _this.onDragEnter.bind(_this);
	    _this.onDragLeave = _this.onDragLeave.bind(_this);
	    _this.onDragOver = _this.onDragOver.bind(_this);
	    _this.onDrop = _this.onDrop.bind(_this);
	    _this.onFileDialogCancel = _this.onFileDialogCancel.bind(_this);
	    _this.fileAccepted = _this.fileAccepted.bind(_this);
	    _this.setRef = _this.setRef.bind(_this);
	    _this.isFileDialogActive = false;
	    _this.state = {
	      isDragActive: false,
	      acceptedFiles: [],
	      rejectedFiles: []
	    };
	    return _this;
	  }

example usage
```
n/a
```

function react-dropzone.propTypes.accept ()

description and source-code

propTypes.accept = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.children ()

description and source-code

propTypes.children = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.disableClick ()

description and source-code

propTypes.disableClick = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.inputProps ()

description and source-code

propTypes.inputProps = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.maxSize ()

description and source-code

propTypes.maxSize = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.onClick ()

description and source-code

propTypes.onClick = function () { [native code] }

example usage
```
n/a
```

module react-dropzone.propTypes

function react-dropzone.propTypes.accept ()

description and source-code
```
accept = function () { [native code] }
```
example usage
```
n/a
```

function react-dropzone.propTypes.activeClassName ()

description and source-code

activeClassName = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.activeStyle ()

description and source-code

activeStyle = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.children ()

description and source-code

children = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.className ()

description and source-code

className = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.disableClick ()

description and source-code

disableClick = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.disablePreview ()

description and source-code

disablePreview = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.inputProps ()

description and source-code

inputProps = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.maxSize ()

description and source-code
```
maxSize = function () { [native code] }
```
example usage
```
n/a
```

function react-dropzone.propTypes.minSize ()

description and source-code
```
minSize = function () { [native code] }
```
example usage
```
n/a
```

function react-dropzone.propTypes.multiple ()

description and source-code

multiple = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.name ()

description and source-code
```
name = function () { [native code] }
```
example usage
```
n/a
```

function react-dropzone.propTypes.onClick ()

description and source-code
```
onClick = function () { [native code] }
```
example usage
```
n/a
```

function react-dropzone.propTypes.onDragEnter ()

description and source-code

onDragEnter = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.onDragLeave ()

description and source-code

onDragLeave = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.onDragOver ()

description and source-code

onDragOver = function () { [native code] }

example usage

...
  }
});

// And using then we'll call the onDragOver with the proxy instead of event
const dragOverSpy = stub(
  component.instance(),
  'onDragOver',
  component.instance().onDragOver(eventProxy)
);

component.simulate('dragStart', { dataTransfer: { items: files } });
component.simulate('dragEnter', { dataTransfer: { items: files } });
component.simulate('dragOver', { dataTransfer: { items: files } });
component.simulate('dragLeave', { dataTransfer: { items: files } });
expect(dragStartSpy.callCount).toEqual(1);
...

function react-dropzone.propTypes.onDragStart ()

description and source-code

onDragStart = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.onDrop ()

description and source-code
```
onDrop = function () { [native code] }
```
example usage
```
n/a
```

function react-dropzone.propTypes.onDropAccepted ()

description and source-code

onDropAccepted = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.onDropRejected ()

description and source-code

onDropRejected = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.onFileDialogCancel ()

description and source-code

onFileDialogCancel = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.preventDropOnDocument ()

description and source-code

preventDropOnDocument = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.rejectClassName ()

description and source-code

rejectClassName = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.rejectStyle ()

description and source-code

rejectStyle = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.style ()

description and source-code
```
style = function () { [native code] }
```
example usage
```
n/a
```

module react-dropzone.propTypes.accept

function react-dropzone.propTypes.accept ()

description and source-code
```
accept = function () { [native code] }
```
example usage
```
n/a
```

function react-dropzone.propTypes.accept.isRequired ()

description and source-code

isRequired = function () { [native code] }

example usage
```
n/a
```

module react-dropzone.propTypes.children

function react-dropzone.propTypes.children ()

description and source-code

children = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.children.isRequired ()

description and source-code

isRequired = function () { [native code] }

example usage
```
n/a
```

module react-dropzone.propTypes.disableClick

function react-dropzone.propTypes.disableClick ()

description and source-code

disableClick = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.disableClick.isRequired ()

description and source-code

isRequired = function () { [native code] }

example usage
```
n/a
```

module react-dropzone.propTypes.inputProps

function react-dropzone.propTypes.inputProps ()

description and source-code

inputProps = function () { [native code] }

example usage
```
n/a
```

function react-dropzone.propTypes.inputProps.isRequired ()

description and source-code

isRequired = function () { [native code] }

example usage
```
n/a
```

module react-dropzone.propTypes.maxSize

function react-dropzone.propTypes.maxSize ()

description and source-code
```
maxSize = function () { [native code] }
```
example usage
```
n/a
```

function react-dropzone.propTypes.maxSize.isRequired ()

description and source-code

isRequired = function () { [native code] }

example usage
```
n/a
```

module react-dropzone.propTypes.onClick

function react-dropzone.propTypes.onClick ()

description and source-code
```
onClick = function () { [native code] }
```
example usage
```
n/a
```

function react-dropzone.propTypes.onClick.isRequired ()

description and source-code

isRequired = function () { [native code] }

example usage
```
n/a
```

api documentation for react-dropzone (v3.13.0)

Simple HTML5 drag-drop zone with React.js

table of contents