React-dnd: La suppression de l'élément glissé lors du survol lance "On s'attend à trouver une cible valide."
salut les gars,
Je ne peux pas vraiment publier un exemple de code spécifique car il est trop encombré pour le moment, mais je pense que je suis isolé des étapes nécessaires pour reproduire le problème.
- commencer à faire glisser
- en survolant l'élément glissé (l'élément est à la fois connecté par glisser-déposer)
- supprimer l'état correspondant à l'élément glissé
l'erreur a été renvoyée à DragDropMonitor.prototype.canDropOnTarget
car il n'a pas pu trouver de cible avec le targetID (évidemment).
cas d'utilisation: je construis un arbre triable et je dois déplacer l'élément déplacé et survolé
après son nœud parent:
- s'il s'agit du dernier élément d'une liste imbriquée
- et l'élément survolé a un décalage horizontal vers la gauche
(comportement normal pour les arbres: http://pqx.github.io/react-ui-tree/)
sur plus de chose: alors que l'erreur se produit, cela fonctionne toujours.
Merci!
giladv
Tous les 14 commentaires
+1 Je rencontre également ce problème
rachelsison
le 12 févr. 2016
Veuillez fournir un exemple reproduisant le problème. Je peux y jeter un œil alors.
gaearon
le 13 févr. 2016
Ceci est probablement corrigé dans la version 2.1.0.
Je vais fermer mais s'il vous plaît laissez-moi savoir si ce n'est pas le cas, et je rouvrirai.
gaearon
le 14 févr. 2016
@gaearon J'ai récemment mis à niveau vers 2.6.0 et aussi en 3.0.2 mais se casse en 4.0.5 et 5.0.0 .
ad1992
le 19 sept. 2018
des nouvelles à ce sujet?
mwielocha
le 20 sept. 2018
@gaearon une mise à jour?
ad1992
le 24 sept. 2018
Même problème ici
Jarch09
le 8 nov. 2018
idem ici en 5.0.0
drjkuo
le 19 nov. 2018
Même problème ici
happier2
le 20 nov. 2018
Même problème ici
dmitrii-esin
le 17 janv. 2019
même problème, des suggestions de solution?
ravi5b2
le 23 oct. 2019
Quelqu'un a eu de la chance avec ça?
prateekkarkare
le 8 août 2020
J'ai ce problème sur l'échantillon de source externe à arbre triable réagissant. Faire glisser vers une zone rouge.
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)
neilshah2000
le 19 août 2020
Le correctif suivant a fonctionné pour moi
prateekkarkare
le 19 août 2020
Questions connexes
TheBolliwood
·
3Commentaires
yaoyuande
·
3Commentaires
vickyvxr
·
3Commentaires
gaearon
·
4Commentaires
rubayethossain
·
3Commentaires
Commentaire le plus utile
Même problème ici