12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- import React from "react";
- import Dropzone from "../../";
- export default class Test extends React.Component {
- render() {
- return (
- <div>
- <Dropzone
- onDrop={(acceptedFiles, fileRejections, event) =>
- console.log(acceptedFiles, fileRejections, event)
- }
- onDragEnter={(event) => console.log(event)}
- onDragOver={(event) => console.log(event)}
- onDragLeave={(event) => console.log(event)}
- onDropAccepted={(files, event) => console.log(files, event)}
- onDropRejected={(files, event) => console.log(files, event)}
- onFileDialogCancel={() => console.log("onFileDialogCancel invoked")}
- onFileDialogOpen={() => console.log("onFileDialogOpen invoked")}
- onError={(e) => console.log(e)}
- validator={(f) => ({ message: f.name, code: "" })}
- minSize={2000}
- maxSize={Infinity}
- maxFiles={100}
- preventDropOnDocument
- noClick={false}
- noKeyboard={false}
- noDrag={false}
- noDragEventsBubbling={false}
- disabled
- multiple={false}
- accept={{
- "image/*": [".png"],
- }}
- useFsAccessApi={false}
- autoFocus
- >
- {({ getRootProps, getInputProps }) => (
- <div {...getRootProps()}>
- <input {...getInputProps()} />
- </div>
- )}
- </Dropzone>
- </div>
- );
- }
- }
|