React-dnd: Remover o elemento arrastado ao passar o mouse lança "Esperado encontrar um alvo válido."

Criado em 24 jan. 2016 · 14Comentários · Fonte: react-dnd/react-dnd

Oi pessoal,

Não posso postar um exemplo de código específico, pois está muito confuso no momento, mas acho que isolei as etapas necessárias para reproduzir o problema.

começar a arrastar
ao passar o mouse sobre o item arrastado (o item é conectado ao soltar e arrastar)
- remove o estado correspondente ao item arrastado

o erro foi lançado em DragDropMonitor.prototype.canDropOnTarget
porque não foi possível encontrar um destino com o targetID (obviamente).

caso de uso: estou construindo uma árvore classificável e preciso realocar o item arrastado e suspenso
para depois de seu nó pai:

se for o último item de uma lista aninhada
e o item pairado tem um deslocamento horizontal para a esquerda
(comportamento normal para árvore: http://pqx.github.io/react-ui-tree/)

em mais coisas: enquanto o erro ocorre, ele ainda funciona.

obrigado!

bug

Fonte

giladv

Comentários muito úteis

mesmo problema aqui

dmitrii-esin em 17 jan. 2019

👍6

Todos 14 comentários

+1 Eu também estou tendo esse problema

rachelsison em 12 fev. 2016

Forneça um exemplo reproduzindo o problema. Eu posso dar uma olhada então.

gaearon em 13 fev. 2016

Provavelmente, isso foi corrigido no 2.1.0.
Vou fechar, mas me avise se não, e vou reabrir.

gaearon em 14 fev. 2016

@gaearon Recentemente, atualizei para o 2.6.0 e também em 3.0.2 mas quebra em 4.0.5 e 5.0.0 .

ad1992 em 19 set. 2018

👍2

Alguma novidade sobre isso?

mwielocha em 20 set. 2018

@gaearon alguma atualização?

ad1992 em 24 set. 2018

Mesmo problema aqui

Jarch09 em 8 nov. 2018

mesmo aqui em 5.0.0

drjkuo em 19 nov. 2018

mesmo problema aqui

happier2 em 20 nov. 2018

mesmo problema aqui

dmitrii-esin em 17 jan. 2019

👍6

mesmo problema, alguma sugestão para corrigir?

ravi5b2 em 23 out. 2019

Alguém teve alguma sorte com isso?

prateekkarkare em 8 ago. 2020

Eu tenho esse problema na amostra de fonte externa de árvore classificável reag. Arrastando para uma área vermelha.

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)