Breaking News: Grepper is joining You.com. Read the official announcement!

dropzone react npm

Arun Johnson answered on April 17, 2022 Popularity 10/10 Helpfulness 2/10

answer dropzone react npm

dropzone react npm

Comment

-1

import React, {useCallback} from 'react'
import {useDropzone} from 'react-dropzone'

function MyDropzone() {
  const onDrop = useCallback(acceptedFiles => {
    // Do something with the files
  }, [])
  const {getRootProps, getInputProps, isDragActive} = useDropzone({onDrop})

  return (
    <div {...getRootProps()}>
      <input {...getInputProps()} />
      {
        isDragActive ?
          <p>Drop the files here ...</p> :
          <p>Drag 'n' drop some files here, or click to select files</p>
      }
    </div>
  )
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: react-dropzone.js.org

Tags: dropzone javascript npm

Link to this answer
Share Copy Link