React-dnd: Das Entfernen des gezogenen Elements beim Schweben wirft "Erwartet, ein gültiges Ziel zu finden."

Erstellt am 24. Jan. 2016  ·  14Kommentare  ·  Quelle: react-dnd/react-dnd

Hallo Leute,

Ich kann ein bestimmtes Codebeispiel nicht wirklich posten, da es im Moment zu überladen ist, aber ich denke, ich habe die Schritte, die zur Reproduktion des Problems erforderlich sind, isoliert.

  • Drag starten
  • beim Hover auf gezogenem Objekt (das Objekt ist sowohl mit Drop als auch mit Drag verbunden)

    • Status entfernen, der dem gezogenen Element entspricht

Der Fehler wurde bei DragDropMonitor.prototype.canDropOnTarget ausgelöst
weil es mit der targetID (offensichtlich) kein Ziel finden konnte.

Anwendungsfall: Ich baue einen sortierbaren Baum und muss das gezogene und schwebende Element verschieben
bis nach dem übergeordneten Knoten:

  • wenn es das letzte Element in einer verschachtelten Liste ist
  • und das schwebende Objekt hat einen horizontalen Versatz nach links
    (normales Verhalten für Bäume: http://pqx.github.io/react-ui-tree/)

zu mehr Sache: Während der Fehler auftritt, funktioniert es immer noch.

Vielen Dank!

bug

Hilfreichster Kommentar

selbes Problem hier

image

Alle 14 Kommentare

+1 Ich habe auch dieses Problem

Bitte geben Sie ein Beispiel an, das das Problem reproduziert. Ich kann dann einen Blick darauf werfen.

Dies ist wahrscheinlich in 2.1.0 behoben.
Ich werde schließen, aber bitte lassen Sie es mich wissen, wenn nicht, und ich werde wieder öffnen.

@gaearon Ich habe kürzlich ein Upgrade auf react-dnd v5 durchgeführt und dieses Problem wurde erneut repliziert. Scheint, als hätte es in 2.6.0 und auch 3.0.2 funktioniert, aber es bricht in 4.0.5 und 5.0.0 .

Gibt es darüber irgendwelche Neuigkeiten?

@gaearon irgendein Update?

Selbes Problem hier

Gleiches hier in 5.0.0

selbes Problem hier

selbes Problem hier

image

gleiches Problem, Irgendwelche Vorschläge zur Behebung?

Hat jemand Glück damit gehabt?

Ich habe dieses Problem bei einem externen Quellbeispiel mit reaktionssortierbarem Baum. In einen roten Bereich ziehen.

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)

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen