42. 8 Agregando keys.
Tutorial 42.8: Agregando Keys a los componentes React Solucionando advertencias de React sobre Keys En este tutorial vamos a solucionar una advertencia importante que React nos muestra en la consola cuando renderizamos listas de componentes. El problema: Listas sin keys Cuando abres la consola del navegador, probablemente ves este error: text Warning: Each child in a list should have a unique "key" prop. Esta advertencia aparece porque React necesita una forma eficiente de identificar qué elementos han cambiado, se han agregado o se han eliminado cuando renderiza listas. Paso 1: Identificar el problema En nuestro ContextMovieCard.jsx , tenemos este código: jsx { movies . map (( movie ) => ( < MovieCard movie ={ movie } /> ))} Problema: Cada MovieCard no tiene una key única. Paso 2: Por qué necesitamos keys React usa las keys para: Identificar elementos ún...