Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Renderizar uma Lista de Filmes | Componentes Reutilizáveis e Fluxo de Dados
Introdução ao React

Desafio: Renderizar uma Lista de Filmes

Deslize para mostrar o menu

Tarefa

Renderizar uma lista de filmes utilizando o método map().

O componente MovieList deve incluir:

  1. Um elemento ul.

  2. Renderizar um elemento li para cada filme dentro do array movies usando map().

  3. Cada elemento li deve:

  • Exibir o título do filme.
  • Incluir uma propriedade key única igual a movie.id.

O componente App já passa o array moviesData para o componente MovieList.

Código Inicial

Abra o projeto inicial abaixo e complete as partes faltantes do componente.

Starter code

Solução

Você pode comparar seu resultado com a solução final abaixo.

Solution code

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 6

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 2. Capítulo 6
some-alt