React: Warnung: "Zwei Kinder mit dem gleichen Schlüssel getroffen"

Erstellt am 23. Nov. 2016  ·  3Kommentare  ·  Quelle: facebook/react

image

image

image

image

Ich bin mir sicher, dass der Schlüssel eindeutig ist, warum also auch den Warnfehler drucken.
Meine Reaktionsversion ist 0.14.8

Danke schön

Hilfreichster Kommentar

Kannst du mir bitte sagen, was das eigentliche Problem war, ich habe die gleichen Warnungen, wenn ich die Flatlist der onReachEnd-Methode aufrufe?

Alle 3 Kommentare

Die vollständige Aufrufliste von einem wie diesem unten:

warning.js:45 Warnung: flattenChildren(...): Es sind zwei Kinder mit demselben Schlüssel, .$outbox81 begegnet. Untergeordnete Schlüssel müssen eindeutig sein; Wenn zwei Kinder einen Schlüssel teilen, wird nur das erste Kind verwendet.warning @ warning.js:45flattenSingleChildIntoContext @ flattenChildren.js:27traverseAllChildrenImpl @ traverseAllChildren.js:98traverseAllChildrenImpl @ traverseAllChildren.js:114traverseAllChildren :44_reconcilerUpdateChildren @ ReactMultiChild.js:212_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871. backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ on) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMulti_Child. js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent@Repositejs:54act4Componentupdate.js:54act4Componentupdate.js:54act4Componentupdate.js:54 f.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.jld :326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.jsjld_ChildRec. ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87oben Funktion :562_performComponentUpdate @ ReactCompos iteComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @86acter :216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponentj.jlds function ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMreact: func tion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:jobce. backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent :8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js eactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeCompositeComponent.js:544updateComponent @ :405receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473:ReactCompositeComponent.js. ReactReconciler.js:102obj.(anonyme Funktion) @ backend.js:8386runBatchedUpdates @ ReactUpdates.js:129perform @ Transaction.js:136perform @ Transaction.js:136perform @ ReactUpdates.js:86flushBatchedUpdates @ ReactUpdates.js:147 .ReactUpdates_flu shBatchedUpdates @ ReactPerf.js:66closeAll @ Transaction.js:202perform @ Transaction.js:149batchedUpdates @ ReactDefaultBatchingStrategy.js:62enqueueUpdate @ ReactUpdates.js:176enqueueUpdate @ ReactUpdateQueue.js:24enqueueSetState @ React. 65handleChange @ connect.js:301dispatch @ createStore.js:186(anonyme Funktion) @ api.js:91(anonyme Funktion) @ index.js:15(anonyme Funktion) @ Middleware.js:22(anonyme Funktion) @ bindActionCreators. js:7hide @ index.js:743handleDocumentClick @ index.js:519
warning.js:45 Warnung: flattenChildren(...): Es sind zwei Kinder mit demselben Schlüssel, .$outbox80 begegnet. Untergeordnete Schlüssel müssen eindeutig sein; wenn zwei Kinder einen Schlüssel teilen, wird nur das erste Kind verwendet.warning @ warning.js:45flattenSingleChildIntoContext @ flattenChildren.js:27traverseAllChildrenImpl @ traverseAllChildren.js:98traverseAllChildrenImpl @ traverseAllChildren.js:114traverseAllChildren :44_reconcilerUpdateChildren @ ReactMultiChild.js:212_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871. backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ on) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMulti_Child. js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponentejs:Reakt4Componentupdate.js:54act4Componentupdate.js:54act4Componentupdate.js:54 f.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.jld:8 :326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.jsjld_ChildRec. ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87oben Funktion :562_performComponentUpdate @ ReactCompos iteComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @86acter :216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponentj.jlds function ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMreact: func tion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:jobce. backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @.jiveComponent :8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js eactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeCompositeComponent.js:544updateComponent @ :405receiveComponent @ ReactReconciler.js:87obj.(anonyme Funktion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473:ReactCompositeComponent.js. ReactReconciler.js:102obj.(anonyme Funktion) @ backend.js:8386runBatchedUpdates @ ReactUpdates.js:129perform @ Transaction.js:136perform @ Transaction.js:136perform @ ReactUpdates.js:86flushBatchedUpdates @ ReactUpdates.js:147 .ReactUpdates_flu shBatchedUpdates @ ReactPerf.js:66closeAll @ Transaction.js:202perform @ Transaction.js:149batchedUpdates @ ReactDefaultBatchingStrategy.js:62enqueueUpdate @ ReactUpdates.js:176enqueueUpdate @ ReactUpdateQueue.js:24enqueueSetState @ React. 65handleChange @ connect.js:301dispatch @ createStore.js:186(anonyme Funktion) @ api.js:91(anonyme Funktion) @ index.js:15(anonyme Funktion) @ Middleware.js:22(anonyme Funktion) @ bindActionCreators. js:7hide @ index.js:743handleDocumentClick @ index.js:519

image

Entschuldigung, es ist mein Fehler.

Kannst du mir bitte sagen, was das eigentliche Problem war, ich habe die gleichen Warnungen, wenn ich die Flatlist der onReachEnd-Methode aufrufe?

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen