12345678910111213141516171819202122232425262728293031 |
- import React from "react";
- import Dropzone from "../../";
- export class Events extends React.Component {
- render() {
- return (
- <section>
- <div className="dropzone">
- <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)}
- >
- {({ getRootProps, getInputProps }) => (
- <div {...getRootProps()}>
- <input {...getInputProps()} />
- <p>
- Try dropping some files here, or click to select files to
- upload.
- </p>
- </div>
- )}
- </Dropzone>
- </div>
- </section>
- );
- }
- }
|