React: Advertencia: "Me encontré con dos niños con la misma llave"

Creado en 23 nov. 2016  ·  3Comentarios  ·  Fuente: facebook/react

image

image

image

image

Estoy seguro de que la clave es única, así que ¿por qué imprimir también el error de advertencia?
Mi versión de reacción es 0.14.8

gracias

Comentario más útil

¿Puedes decirme cuál fue el problema real? Tengo las mismas advertencias cuando llamo a la lista plana del método onReachEnd

Todos 3 comentarios

La pila de llamadas completa de uno como este a continuación:

warning.js: 45 Advertencia: flattenChildren (...): Se encontraron dos niños con la misma clave, .$outbox81 . Las claves secundarias deben ser únicas; cuando dos niños comparten una clave, solo se usará el primer niño. warning @ warning.js: 45flattenSingleChildIntoContext @ flattenChildren.js: 27traverseAllChildrenImpl @ traverseAllChildren.js: 98traverseAllChildrenImpl @ traverseAllChildren.js: 114Childrenjildren.js : 44_reconcilerUpdateChildren @ ReactMultiChild.js: 212_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReajDOMComponent. backend. en) @ 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. (Función anónima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChilds. js: 700receiveComponent @ ReactDOMComponent. f.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js: 87obj. (función anónima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactjChildsildi : 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js: 87obj. (Función anónima) @ backend.Chrenjilds_Data: 8 ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645jerecentComponent. : 562_performComponentUpdate @ ReactCompos iteComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js: 87obj. : 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent. 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 func ción) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent.j backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js:. 87obj (función anónima) @ backend.js : 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildComponent. eactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (función 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 (función 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. (Función anónima) @ backend.js: 8386runBatchedUpdates @ ReactUpdates.js: 129perform @ Transaction.js: 136perform @ Transaction.js: 136perform @ ReactUpdates.js: 86flushBatchedUpdates @ ReactUpdates. shBatchedUpdates @ ReactPerf.js: 66closeAll @ Transaction.js: 202perform @ Transaction.js: 149batchedUpdates @ ReactDefaultBatchingStrategy.js: 62enqueueUpdate @ ReactUpdates.js: 176enqueueUpdate @ ReactUpdateQueuejstatespone: 190 65handleChange @ connect.js: 301dispatch @ createStore.js: 186 (función anónima) @ api.js: 91 (función anónima) @ index.js: 15 (función anónima) @ middleware.js: 22 (función anónima) @ bindActionCreators. js: 7hide @ index.js: 743handleDocumentClick @ index.js: 519
warning.js: 45 Advertencia: flattenChildren (...): Se encontraron dos niños con la misma clave, .$outbox80 . Las claves secundarias deben ser únicas; cuando dos niños comparten una clave, solo se usará el primer niño.warning @ warning.js: 45flattenSingleChildIntoContext @ flattenChildren.js: 27traverseAllChildrenImpl @ traverseAllChildren.js: 98traverseAllChildrenImpl @ traverseAllChildren.js: 114Childrenjildren.js. : 44_reconcilerUpdateChildren @ ReactMultiChild.js: 212_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReajDOMComponent. backend. en) @ 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. (Función anónima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChilds. js: 700receiveComponent @ ReactDOMComponent. f.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js: 87obj. (función anónima) @ backend.js: 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactjChildsildi : 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645receiveComponent @ ReactReconciler.js: 87obj. (Función anónima) @ backend.Chrenjilds_Data: 8 ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent.js: 645jerecentComponent. : 562_performComponentUpdate @ ReactCompos iteComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js: 87obj. : 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildren @ ReactDOMComponent.js: 871updateComponent @ ReactDOMComponent.js: 700receiveComponent @ ReactDOMComponent. 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 func ción) @ backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent.j backend.js: 8386_updateRenderedComponent @ ReactCompositeComponent.js: 562_performComponentUpdate @ ReactCompositeComponent.js: 544updateComponent @ ReactCompositeComponent.js: 473ReactCompositeComponent_updateComponent @ ReactPerf.js: 66receiveComponent @ ReactCompositeComponent.js: 405receiveComponent @ ReactReconciler.js:. 87obj (función anónima) @ backend.js : 8386updateChildren @ ReactChildReconciler.js: 84_reconcilerUpdateChildren @ ReactMultiChild.js: 216_updateChildren @ ReactMultiChild.js: 351updateChildren @ ReactMultiChild.js: 326_updateDOMChildComponent. eactDOMComponent.js: 645receiveComponent @ ReactReconciler.js:. 87obj (función 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 (función 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. (Función anónima) @ backend.js: 8386runBatchedUpdates @ ReactUpdates.js: 129perform @ Transaction.js: 136perform @ Transaction.js: 136perform @ ReactUpdates.js: 86flushBatchedUpdates @ ReactUpdates. shBatchedUpdates @ ReactPerf.js: 66closeAll @ Transaction.js: 202perform @ Transaction.js: 149batchedUpdates @ ReactDefaultBatchingStrategy.js: 62enqueueUpdate @ ReactUpdates.js: 176enqueueUpdate @ ReactUpdateQueuejstatespone: 190 65handleChange @ connect.js: 301dispatch @ createStore.js: 186 (función anónima) @ api.js: 91 (función anónima) @ index.js: 15 (función anónima) @ middleware.js: 22 (función anónima) @ bindActionCreators. js: 7hide @ index.js: 743handleDocumentClick @ index.js: 519

image

Lo siento, es mi error.

¿Puedes decirme cuál fue el problema real? Tengo las mismas advertencias cuando llamo a la lista plana del método onReachEnd

¿Fue útil esta página
0 / 5 - 0 calificaciones