React Drag and Drop — react-dnd — сделать компонент перетаскиваемым и отбрасываемым одновременно (применяет обе роли — перетаскивание)
Я создал упрощенную версию своего приложения.
Это здесь: https://codesandbox.io/s/quirky-glade-x4h51
Текущая версия имеет закладки (верхний ряд) и места для них. При использовании перетаскивает закладку из строки закладок и опускает ее на место, все работает нормально. Но что, если пользователь перетащит одно из мест и захочет переместить его куда-нибудь?
Я обернул компонент PlaceForChart как в DropTarget(), так и в DragSource() и экспортировал обернутый компонент. Но это не работает должным образом. Если удалить любую из оберток, это сработает.
В настоящее время, когда пользователь пытается перетащить любой из компонентов PlaceForChart (оранжевый), компонент меняет цвет (как и ожидалось), но не перемещается.
Как заставить это работать?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Я изменил key = {Math.random()} в PlaceForChart.tsx, и он заработал. Есть и другие проблемы, но они не связаны с поведением dnd. Это было основным.
Рабочая версия: https://codesandbox.io/s/billowing-wave-tjugx