React-dnd: При удалении перетаскиваемого элемента при наведении курсора появляется сообщение «Ожидается обнаружение допустимой цели».

Созданный на 24 янв. 2016 · 14Комментарии · Источник: react-dnd/react-dnd

Привет, ребята,

Я действительно не могу опубликовать конкретный пример кода, поскольку он слишком загроможден на данный момент, но я думаю, что я выделил шаги, необходимые для воспроизведения проблемы.

начать перетаскивать
при наведении курсора на перетаскиваемый элемент (элемент одновременно перетаскивается и перетаскивается)
- удалить состояние, соответствующее перетаскиваемому элементу

ошибка возникла в DragDropMonitor.prototype.canDropOnTarget
потому что он не смог найти цель с targetID (очевидно).

Пример использования: я создаю сортируемое дерево, и мне нужно переместить перетаскиваемый и зависший элемент
после родительского узла:

если это последний элемент во вложенном списке
и у зависшего элемента есть горизонтальное смещение влево
(нормальное поведение для дерева: http://pqx.github.io/react-ui-tree/)

еще кое-что: пока возникает ошибка, она все еще работает.

благодаря!

bug

Источник

giladv

Самый полезный комментарий

такая же проблема здесь

dmitrii-esin 17 янв. 2019

👍6

Все 14 Комментарий

+1 У меня тоже такая проблема

rachelsison 12 февр. 2016

Приведите пример, воспроизводящий проблему. Тогда я могу взглянуть.

gaearon 13 февр. 2016

Вероятно, это исправлено в 2.1.0.
Я закрою, но, пожалуйста, дайте мне знать, если нет, и я открою снова.

gaearon 14 февр. 2016

@gaearon Недавно я 2.6.0 а также в 3.0.2 но ломается в 4.0.5 и 5.0.0 .

ad1992 19 сент. 2018

👍2

Есть новости по этому поводу?

mwielocha 20 сент. 2018

@gaearon есть обновления?

ad1992 24 сент. 2018

Такая же проблема здесь

Jarch09 8 нояб. 2018

то же самое здесь в 5.0.0

drjkuo 19 нояб. 2018

такая же проблема здесь

happier2 20 нояб. 2018

такая же проблема здесь

dmitrii-esin 17 янв. 2019

👍6

такая же проблема, есть предложения по исправлению?

ravi5b2 23 окт. 2019

Кому-нибудь повезло с этим?

prateekkarkare 8 авг. 2020

У меня есть эта проблема с образцом внешнего источника response-sortable-tree. Перетаскивание в красную область.

https://frontend-collective.github.io/react-sortable-tree/?path=/story/advanced --drag-from-external-source
https://github.com/frontend-collective/react-sortable-tree/blob/master/stories/external-node.js

vendors~main.91acd83f50dfbcb80997.bundle.js:1 Uncaught Invariant Violation: Expected to find a valid target. at module.exports (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:592) at DragDropMonitorImpl.canDropOnTarget (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:186636) at DropTargetMonitorImpl.canDrop (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:71541) at https://frontend-collective.github.io/react-sortable-tree/main.91acd83f50dfbcb80997.bundle.js:1:132866 at DragDropContainer.getCurrentState (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:87049) at DragDropContainer._this.handleChange (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:84210) at handleChange (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:185746) at dispatch (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:168058) at Object.endDrag (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:199234) at HTML5Backend.handleTopDragEndCapture (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:152270)