React Drag and Drop - response-dnd - делает компонент перетаскиваемым и сбрасываемым одновременно (применяются обе роли - перетаскивание) - PullRequest
Новая
       40

React Drag and Drop - response-dnd - делает компонент перетаскиваемым и сбрасываемым одновременно (применяются обе роли - перетаскивание)

0 голосов
/ 18 июня 2019

Я создал упрощенную версию своего приложения.

Это здесь: https://codesandbox.io/s/quirky-glade-x4h51

Current app layout

Текущая версия имеет закладки(верхний ряд) и места для них.При использовании перетаскивает закладку из строки закладок и опускает ее на место, все работает отлично.Но что, если пользователь перетащит одно из мест и захочет переместить его куда-нибудь?

Я обернул компонент PlaceForChart как в DropTarget () и DragSource (), так и экспортировал обернутый компонент.Но это не работает должным образом.Если удалить какую-либо из оболочек, она будет работать.

В настоящее время, когда пользователь пытается перетащить любой из компонентов PlaceForChart (оранжевый), компонент меняет цвет (как и ожидалось), но не перемещается.

Как заставить это работать?

1 Ответ

0 голосов
/ 18 июня 2019

Я изменил ключ = {Math.random ()} в PlaceForChart.tsx, и он начал работать.Есть и другие проблемы, но они не связаны с поведением dnd.Это был основной.

Рабочая версия: https://codesandbox.io/s/billowing-wave-tjugx

...