How To Implement Drag And Drop Behaviour In React

I'm trying to implement drag and drop behaviour using React and react-beautiful-dnd library. I want to chose some images using react-dropzone library and after choosing images I sh

Solution 1:

<Draggable> should be inside <Droppable>

<Draggable /> components can be dragged around and dropped onto <Droppable />s. A <Draggable /> must always be contained within a <Droppable />. It is possible to reorder a <Draggable /> within its home <Droppable /> or move to another <Droppable />. It is possible because a <Droppable /> is free to control what it allows to be dropped on it. see here