all.tsx 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. import React from "react";
  2. import Dropzone from "../../";
  3. export default class Test extends React.Component {
  4. render() {
  5. return (
  6. <div>
  7. <Dropzone
  8. onDrop={(acceptedFiles, fileRejections, event) =>
  9. console.log(acceptedFiles, fileRejections, event)
  10. }
  11. onDragEnter={(event) => console.log(event)}
  12. onDragOver={(event) => console.log(event)}
  13. onDragLeave={(event) => console.log(event)}
  14. onDropAccepted={(files, event) => console.log(files, event)}
  15. onDropRejected={(files, event) => console.log(files, event)}
  16. onFileDialogCancel={() => console.log("onFileDialogCancel invoked")}
  17. onFileDialogOpen={() => console.log("onFileDialogOpen invoked")}
  18. onError={(e) => console.log(e)}
  19. validator={(f) => ({ message: f.name, code: "" })}
  20. minSize={2000}
  21. maxSize={Infinity}
  22. maxFiles={100}
  23. preventDropOnDocument
  24. noClick={false}
  25. noKeyboard={false}
  26. noDrag={false}
  27. noDragEventsBubbling={false}
  28. disabled
  29. multiple={false}
  30. accept={{
  31. "image/*": [".png"],
  32. }}
  33. useFsAccessApi={false}
  34. autoFocus
  35. >
  36. {({ getRootProps, getInputProps }) => (
  37. <div {...getRootProps()}>
  38. <input {...getInputProps()} />
  39. </div>
  40. )}
  41. </Dropzone>
  42. </div>
  43. );
  44. }
  45. }