events.tsx 906 B

12345678910111213141516171819202122232425262728293031
  1. import React from "react";
  2. import Dropzone from "../../";
  3. export class Events extends React.Component {
  4. render() {
  5. return (
  6. <section>
  7. <div className="dropzone">
  8. <Dropzone
  9. onDrop={(acceptedFiles, fileRejections, event) =>
  10. console.log(acceptedFiles, fileRejections, event)
  11. }
  12. onDragEnter={(event) => console.log(event)}
  13. onDragOver={(event) => console.log(event)}
  14. onDragLeave={(event) => console.log(event)}
  15. >
  16. {({ getRootProps, getInputProps }) => (
  17. <div {...getRootProps()}>
  18. <input {...getInputProps()} />
  19. <p>
  20. Try dropping some files here, or click to select files to
  21. upload.
  22. </p>
  23. </div>
  24. )}
  25. </Dropzone>
  26. </div>
  27. </section>
  28. );
  29. }
  30. }