React: Avertissement : "A rencontré deux enfants avec la même clé"

Créé le 23 nov. 2016  ·  3Commentaires  ·  Source: facebook/react

image

image

image

image

Je suis sûr que la clé est unique, alors pourquoi également imprimer l'erreur d'avertissement.
Ma version de réaction est 0.14.8

Merci

Commentaire le plus utile

pouvez-vous s'il vous plaît me dire quel était le problème réel, j'ai les mêmes avertissements lorsque j'appelle la méthode flatlist onReachEnd

Tous les 3 commentaires

La pile d'appels complète d'un comme celui-ci ci-dessous :

warning.js:45 Avertissement : flattenChildren(...) : rencontre deux enfants avec la même clé, .$outbox81 . Les clés enfants doivent être uniques ; lorsque deux enfants partagent une clé, seul le premier enfant sera utilisé.warning @ warning.js:45flattenSingleChildIntoContext @ flattenChildren.js:27traverseAllChildrenImpl @ traverseAllChildren.js:98traverseAllChildrenImpl @ traverseAllChildren.js:114traverseAllChildren @ traverseAllChildren.jlds :44_reconcilerUpdateChildren @ ReactMultiChild.js:212_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOM6Component.js:700receiverejacteur @ ReactDOM. backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeReComponent.js:ob on) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOM1actreComponent. @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren. @ React26updateChildren. js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReposiactCompositeComponent.js:544updateComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent. f.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultidateChildren.js:216 :326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386updateChildren @ ReactChildReconcilder_Children @ReactChildReconciler_216ldup ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87objer function)(anonymous_ComupjR) :562_performComponentUpdate @ ReactCompos iteComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.jsren:8386updateChildReconcilder :216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.jldren function @ React86endobjld.js83 ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871actComponent.js:871actupdateComponent @ ReactDOMcejonyme fonction tion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReconcCompositeComponent. backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.jsjs : fonction backend. :8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js @ ReactDOMComponent.js:871updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent.js:871updateChildren eactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactComposite3Component.jposejsComponent @ ReactComposite3Component.jpositejs:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactComposite3Component.jposit :405receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent66.js:473ReactCompositeComponent. ReactReconciler.js:102obj.(fonction anonyme) @ backend.js:8386runBatchedUpdates @ ReactUpdates.js:129perform @ Transaction.js:136perform @ Transaction.js:136perform @ ReactUpdates.js:86flushBatchedUpdates @ ReactUpdates.js:147ReactUpdates:147ReactUpdates shBatchedUpdates @ ReactPerf.js:66closeAll @ Transaction.js:202perform @ Transaction.js:149batchedUpdates @ ReactDefaultBatchingStrategy.js:62enqueueUpdate @ ReactUpdates.js:176enqueueUpdate @ ReactUpdateComponentQueue.js:24enqueueSetState @ ReactQueueSetState @ ReactQueue.js:176enqueueUpdate @ ReactUpdateComponent.js:24enqueueSetState @ ReactQueue. 65handleChange @ connect.js:301dispatch @ createStore.js:186(fonction anonyme) @ api.js:91(fonction anonyme) @ index.js:15(fonction anonyme) @ middleware.js:22(fonction anonyme) @ bindActionCreators. js:7hide @ index.js:743handleDocumentClick @ index.js:519
warning.js:45 Avertissement : flattenChildren(...) : rencontre deux enfants avec la même clé, .$outbox80 . Les clés enfants doivent être uniques ; lorsque deux enfants partagent une clé, seul le premier enfant sera utilisé.warning @ warning.js:45flattenSingleChildIntoContext @ flattenChildren.js:27traverseAllChildrenImpl @ traverseAllChildren.js:98traverseAllChildrenImpl @ traverseAllChildren.js:114traverseAllChildren @ traverseAllChildren.jlds :44_reconcilerUpdateChildren @ ReactMultiChild.js:212_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOM6Component.js:700receiverejacteur @ ReactDOM. backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositereComponent.js:ob on) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOM1actreComponent. @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren. @ React26updateChildren. js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent. f.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultidateChildren.js:216 :326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386updateChildren @ ReactChildReconcilder_Children @ReactChildReconciler_216dup ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87objer la fonction)(anonymous_ComupjR) :562_performComponentUpdate @ ReactCompos iteComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386updateChildReconcilder :216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.jldren fonction @ React86endobjld.js(83) ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871actComponent.js:871actupdateComponent @ ReactDOMcejonyme fonction tion) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReconcCompositeComponent. backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.jsjs : fonction backend. :8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js @ ReactDOMComponent.js:871updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent.js:871updateChildren eactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactComposite3Component.jposejsComponent @ ReactComposite3Component.jpositejs:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactComposite3Component.jposit :405receiveComponent @ ReactReconciler.js:87obj.(fonction anonyme) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent66.js:473ReactCompositeComponent. ReactReconciler.js:102obj.(fonction anonyme) @ backend.js:8386runBatchedUpdates @ ReactUpdates.js:129perform @ Transaction.js:136perform @ Transaction.js:136perform @ ReactUpdates.js:86flushBatchedUpdates @ ReactUpdates.js:147ReactUpdates:147ReactUpdates shBatchedUpdates @ ReactPerf.js:66closeAll @ Transaction.js:202perform @ Transaction.js:149batchedUpdates @ ReactDefaultBatchingStrategy.js:62enqueueUpdate @ ReactUpdates.js:176enqueueUpdate @ ReactUpdateComponentQueue.js:24enqueueSetState @ ReactQueueSetState @ ReactQueue.js:176enqueueUpdate @ ReactUpdateComponent.js:24enqueueSetState @ ReactQueue. 65handleChange @ connect.js:301dispatch @ createStore.js:186(fonction anonyme) @ api.js:91(fonction anonyme) @ index.js:15(fonction anonyme) @ middleware.js:22(fonction anonyme) @ bindActionCreators. js:7hide @ index.js:743handleDocumentClick @ index.js:519

image

Désolé, c'est mon erreur.

pouvez-vous s'il vous plaît me dire quel était le problème réel, j'ai les mêmes avertissements lorsque j'appelle la méthode flatlist onReachEnd

Cette page vous a été utile?
0 / 5 - 0 notes