React-dnd: La eliminación del elemento arrastrado al pasar el mouse arroja "Se espera encontrar un objetivo válido".

Creado en 24 ene. 2016 · 14Comentarios · Fuente: react-dnd/react-dnd

Hola chicos,

Realmente no puedo publicar un ejemplo de código específico ya que está demasiado desordenado en este momento, pero creo que aislé los pasos necesarios para reproducir el problema.

empezar a arrastrar
al pasar el cursor sobre el elemento arrastrado (el elemento está conectado tanto para soltar como para arrastrar)
- eliminar el estado correspondiente al elemento arrastrado

el error se arrojó a DragDropMonitor.prototype.canDropOnTarget
porque no pudo encontrar un objetivo con el targetID (obviamente).

caso de uso: estoy construyendo un árbol ordenable y necesito reubicar el elemento arrastrado y suspendido
a después de su nodo padre:

si es el último elemento de una lista anidada
y el elemento flotante tiene un desplazamiento horizontal a la izquierda
(comportamiento normal para árboles: http://pqx.github.io/react-ui-tree/)

en más cosas: mientras se produce el error, todavía funciona.

¡Gracias!

bug

Fuente

giladv

Comentario más útil

el mismo problema aqui

dmitrii-esin en 17 ene. 2019

👍6

Todos 14 comentarios

+1 También tengo este problema

rachelsison en 12 feb. 2016

Proporcione un ejemplo que reproduzca el problema. Entonces puedo echar un vistazo.

gaearon en 13 feb. 2016

Probablemente esto esté arreglado en 2.1.0.
Cerraré, pero avíseme si no, y volveré a abrir.

gaearon en 14 feb. 2016

@gaearon Recientemente actualicé a react-dnd v5 y este problema se repite nuevamente. Parece que funcionó bien en 2.6.0 y también 3.0.2 pero se rompe en 4.0.5 y 5.0.0 .

ad1992 en 19 sept. 2018

👍2

¿Alguna noticia sobre esto?

mwielocha en 20 sept. 2018

@gaearon alguna actualización?

ad1992 en 24 sept. 2018

El mismo problema aqui

Jarch09 en 8 nov. 2018

lo mismo aquí en 5.0.0

drjkuo en 19 nov. 2018

el mismo problema aqui

happier2 en 20 nov. 2018

el mismo problema aqui

dmitrii-esin en 17 ene. 2019

👍6

mismo problema, alguna sugerencia para solucionarlo?

ravi5b2 en 23 oct. 2019

¿Alguien tuvo suerte con esto?

prateekkarkare en 8 ago. 2020

Tengo este problema en la muestra de fuente externa de árbol de reacción ordenable. Arrastrando a un área roja.

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)