Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Afficher une Liste de Films | Composants Réutilisables et Flux de Données
Introduction à React

Défi : Afficher une Liste de Films

Glissez pour afficher le menu

Tâche

Afficher une liste de films en utilisant la méthode map().

Le composant MovieList doit inclure :

  1. Un élément ul.

  2. Afficher un élément li pour chaque film dans le tableau movies en utilisant map().

  3. Chaque élément li doit :

  • Afficher le titre du film.
  • Inclure une prop key unique égale à movie.id.

Le composant App transmet déjà le tableau moviesData au composant MovieList.

Code de départ

Ouvrir le projet de départ ci-dessous et compléter les parties manquantes du composant.

Starter code

Solution

Vous pouvez comparer votre résultat avec la solution finale ci-dessous.

Solution code

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 6

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Section 2. Chapitre 6
some-alt