47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
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>
|
|
);
|
|
}
|
|
}
|