useDraggablehooks, they can both share the same identifier since droppable elements are stored in a different key-value store than draggable elements.
dataargument is for advanced use-cases where you may need access to additional data about the droppable element in event handlers, modifiers or custom sensors.
dataattribute to store the index of the droppable element within a sortable list to access it within a custom sensor.
dataargument can be useful is create relationships between draggable nodes and droppable areas, for example, to specify which types of draggable nodes your droppable accepts:
useDroppablehook to function properly, it needs the
setNodeRefproperty to be attached to the HTML element you intend on turning into a droppable area:
isOverboolean returned by the
useDroppablehook to change the appearance or content displayed when a
draggableelement is dragged over your droppable container.
overvalue is defined. Depending on your use-case, you can also read the
idof the other droppable that the draggable item to make changes to the render output of your droppable component.