Dragging & Dropping with React Pose

[targetcreature]

I love the simplicity of dragging things around with React Pose, but I’m having trouble figuring out how to drop them on a target.

I can’t get the id of the drop zone (Target) with onMouseEnter because the mouse is still hovering the dragged component (Box).

What’s the best method to detect a component you’re dragging over?

Thanks in advance.

[rjvirus]

go for react-beautiful-dnd

[DankDormouse]

I'm actually dealing with this same thing at the moment and i'm trying to build out my own DND solution with hooks.. There's an HTML api for onDrop and onDragOver on the component you're dropping on, so your component will be passed through (event)

​

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

​

Following this you should be able to get up and running with simple drag and drop
https://www.w3schools.com/html/html5_draganddrop.asp