How to do drag & drop with React for cards?

Question

JavaScript

There is a certain list of elements, let's say these are product cards. They are numbered 1 to the nth number (in my case it is 4 elements)

How to make it so that you can swap them?? For example, 1 card with 4 or 4 with 3, etc. etc.

Link to codesandbox.io

Thank you in advance, those who decided to help somehow

Answer 1

Connect the react-dnd or react-beautiful-dnd library, read the documentation and voila