Как сделать drag & drop с помощью React для карточек?

Question

[John Frontend-DEV]

Есть некий список элементов, допустим это карточки товара. Они пронумерованы 1 до n-ого количества(в моем случае это 4 элемента)

Как сделать так, что можно было менять их местами?? Например 1 карточку с 4 или 4 с 3 и т.д и т.п

Ссылка наcodesandbox.io

Заранее искренне благодарю, те кто решился хоть как-то помочь

Answer 1

[Павел Диденко]

Подключи библиотеку react-dnd или react-beautiful-dnd, ознакомься с документацией и вуаля