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

react dnd usedrag

Araks Markosyan answered on October 12, 2022 Popularity 3/10 Helpfulness 2/10

answer react dnd usedrag

react dnd usedrag

Comment

import { useDrag } from 'react-dnd'

function DraggableComponent(props) {
  const [collected, drag, dragPreview] = useDrag(() => ({
    type,
    item: { id }
  }))
  return collected.isDragging ? (
    <div ref={dragPreview} />
  ) : (
    <div ref={drag} {...collected}>
      ...
    </div>
  )
}

Popularity 3/10 Helpfulness 2/10 Language typescript

Source: react-dnd.github.io

Tags: react-dnd typescript

Link to this answer
Share Copy Link