React: Aviso: "Encontrei duas crianças com a mesma chave"

Criado em 23 nov. 2016  ·  3Comentários  ·  Fonte: facebook/react

image

image

image

image

Tenho certeza de que a chave é exclusiva, então por que também imprimir o erro de aviso.
Minha versão de reação é 0.14.8

obrigada

Comentários muito úteis

Você pode me dizer qual foi o problema real? Estou recebendo os mesmos avisos quando chamo o método onReachEnd flatlist

Todos 3 comentários

A pilha de chamadas completa de um como este abaixo:

warning.js: 45 Aviso: flattenChildren (...): Encontrou duas crianças com a mesma chave, .$outbox81 . As chaves filhas devem ser exclusivas; quando dois filhos compartilham uma chave, apenas o primeiro filho será usado. Warning @ warning.js: 45flattenSingleChildIntoContext @ flattenChildren.js: 27traverseAllChildrenImpl @ traverseAllChildren.js: 98traverseAllChrenhildrenImpl @ traverseAllChrenhildren.jslternseAllChrenhilds.jrenseAllChrenhilds.jrenseAllChrenflat.flaten.jrenseAllChren.flaten.flaten.jrenseAllChilds.jrense : 44_reconcilerUpdateChildren @ ReactMultiChild.js: 212_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js:. 87obj (functi anônimo on) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent. js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPer f.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js: 87obj. (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconcilhilds.js: 84_reconcilerUpdateCildcildcilds.js: 84_reconcilerUpdateCildcilds.js : 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js : 562_performComponentUpdate @ ReactCompos iteComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js : 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (anônimo função ção) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js: 87obj (função anônima) @. backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js : 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ R eactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js : 405receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66performUpdateIfNecessary @ ReactCompositeComponent.js: 421performUpdateIfNecessary @ ReactReconciler.js: 102obj. (Função anônima) @ backend.js: 8386runBatchedUpdates @ ReactUpdates.js: 129perform @ Transaction.js: 136perform @ Transaction.js: 136perform @ ReactUpdates.js: 86flushBatchedUpdates @ ReactUpdates.js shBatchedUpdates @ ReactPerf.js: 66closeAll @ Transaction.js: 202perform @ Transaction.js: 149batchedUpdates @ ReactDefaultBatchingStrategy.js: 62enqueueUpdate @ ReactUpdates.js: 176enqueueUpdate @ ReactUpdateQueuecentup.js: 190enqueueUpdate @ ReactUpdateQueuecent.js ReactUpdateQueuecent.jsComponent.jsReactUpdate @Qeact. 65handleChange @ connect.js: 301dispatch @ createStore.js: 186 (função anônima) @ api.js: 91 (função anônima) @ index.js: 15 (função anônima) @ middleware.js: 22 (função anônima) @ bindActionCreators. js: 7hide @ index.js: 743handleDocumentClick @ index.js: 519
warning.js: 45 Aviso: flattenChildren (...): Encontrou duas crianças com a mesma chave, .$outbox80 . As chaves filhas devem ser exclusivas; quando dois filhos compartilham uma chave, somente o primeiro filho será usado.warning @ warning.js: 45flattenSingleChildIntoContext @ flattenChildren.js: 27traverseAllChildrenImpl @ traverseAllChildren.js: 98traverseAllChrenhildrenImpl @ traverseAllChrenhildren.jslternseAllChrenhildrênsil @ traverseAllChrenhilds.jrenseAllChrenflat.flaten.flat.flatlilds. : 44_reconcilerUpdateChildren @ ReactMultiChild.js: 212_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js:. 87obj (functi anônimo on) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent. js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPer f.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js: 87obj. (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconcilhilds.js: 84_reconcilerUpdateCildcildcilds.js: 84_reconcilerUpdateCildcildcilds.js @ReconcilerUpdateCildcildhilds.js.js 216ReconcilerUpdateCildcildhildh : 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js : 562_performComponentUpdate @ ReactCompos iteComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js : 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (anônimo função ção) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js: 87obj (função anônima) @. backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js : 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ R eactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js : 405receiveComponent @ ReactReconciler.js:. 87obj (função anônima) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66performUpdateIfNecessary @ ReactCompositeComponent.js: 421performUpdateIfNecessary @ ReactReconciler.js: 102obj. (Função anônima) @ backend.js: 8386runBatchedUpdates @ ReactUpdates.js: 129perform @ Transaction.js: 136perform @ Transaction.js: 136perform @ ReactUpdates.js: 86flushBatchedUpdates @ ReactUpdates.js shBatchedUpdates @ ReactPerf.js: 66closeAll @ Transaction.js: 202perform @ Transaction.js: 149batchedUpdates @ ReactDefaultBatchingStrategy.js: 62enqueueUpdate @ ReactUpdates.js: 176enqueueUpdate @ ReactUpdateQueuecetup.js: 190enqueueUpdate @ ReactUpdateQueuecuecent.js ReactUpdateQueuecent.js: 190ReactUpdate @QeactUpdate @QeactUpdate @Qeact. 65handleChange @ connect.js: 301dispatch @ createStore.js: 186 (função anônima) @ api.js: 91 (função anônima) @ index.js: 15 (função anônima) @ middleware.js: 22 (função anônima) @ bindActionCreators. js: 7hide @ index.js: 743handleDocumentClick @ index.js: 519

image

Desculpe, é meu erro.

Você pode me dizer qual foi o problema real? Estou recebendo os mesmos avisos quando chamo o método onReachEnd flatlist

Esta página foi útil?
0 / 5 - 0 avaliações