Integración de componentes dentro listas - Tutorial de React.js

En esta lección vamos a aprender cómo integrar componentes y cómo se comportan ellos dentro de las listas. En este ejemplo estamos mostrando una lista de diferentes ítems que se encuentran almacenados en un array. Si examinamos el código, tenemos acá un array con varios productos y acá estamos desplegando una lista con la etiqueta ul y cada uno de los ítems que están dentro del array y que componen esta lista utilizando la etiqueta li. Vamos a modificar ligeramente este componente y acá vamos a reemplazarlo por un nuevo componente. Yo ya he creado un nuevo componente llamado ProductoItem.jsx que se encuentra dentro de la carpeta de componentes. Voy a tomar la información que se encontraba dentro de la lista y ahora voy a llamar el componente ProductoItem. Me aseguro de que se importe correctamente al inicio del componente y vamos a comenzar a modificarlo. Muy importante, antes de continuar, es que cuando estamos trabajando un componente dentro de una lista y de alguna forma…