Gestion des listes

10 min 2 exercices Niveau 3

Afficher une liste de profils avec des clés

  1. Créez un fichier ProfileList.js.
  2. Ce composant doit recevoir une prop profiles (un tableau d'objets avec les propriétés id, name, et email) et afficher une liste de <div>. Chaque profil doit inclure un <h3> avec le nom et un <p> avec l'email.
  3. Assurez-vous d'utiliser une clé unique pour chaque élément de la liste.
  4. Importez ce composant dans App.js et affichez une liste avec ces profils :
    • { id: 1, name: "John Doe", email: "john.doe@example.com" }
    • { id: 2, name: "Jane Doe", email: "jane.doe@example.com" }

Rendu attendu

rendu attendu de l'exercice

logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus