Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Renderizar una Lista de Películas | Componentes Reutilizables y Flujo de Datos
Introducción a React

Desafío: Renderizar una Lista de Películas

Desliza para mostrar el menú

Tarea

Renderizar una lista de películas utilizando el método map().

El componente MovieList debe incluir:

  1. Un elemento ul.

  2. Renderizar un elemento li por cada película dentro del arreglo movies usando map().

  3. Cada elemento li debe:

  • Mostrar el título de la película.
  • Incluir una prop key única igual a movie.id.

El componente App ya pasa el arreglo moviesData al componente MovieList.

Código inicial

Abre el proyecto inicial a continuación y completa las partes faltantes del componente.

Starter code

Solución

Puedes comparar tu resultado con la solución final a continuación.

Solution code

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 6

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Sección 2. Capítulo 6
some-alt