hook.tsx 370 B

123456789101112131415
  1. import React from "react";
  2. import { useDropzone, DropzoneProps } from "../../";
  3. export const Dropzone = ({ children, ...opts }: DropzoneProps) => {
  4. const { ...state } = useDropzone(opts);
  5. return children(state);
  6. };
  7. <Dropzone>
  8. {({ getRootProps, getInputProps }) => (
  9. <div {...getRootProps()}>
  10. <input {...getInputProps()} />
  11. </div>
  12. )}
  13. </Dropzone>;