Défi : Rendre une Collection de Données

Tâche : Afficher une liste de produits

Gérons les données obtenues du backend et assurons-nous de leur rendu correct sous forme de liste.

La tâche est :

• Utiliser la méthode map() pour rendre un tableau de produits.
• Assurez-vous de combler les lacunes nécessaires :
  1. h2 doit contenir le nom du produit (propriété name);
  2. p doit contenir la description du produit (propriété description);
  3. span doit contenir la chaîne "Prix :" et le prix du produit (propriété price).

1. Utilisez la méthode map() pour parcourir le tableau props.goods.
2. Assurez-vous de définir la propriété key de l'élément <li> sur une valeur unique, telle que la propriété id de l'élément.
3. À l'intérieur de chaque élément <li>, utilisez les éléments suivants :
   • Un élément <h2> pour afficher le nom du produit. Accédez au nom à partir de l'item actuel ;
   • Un élément <p> pour afficher la description du produit. Accédez à la description à partir de l'item actuel ;
   • Un élément <span> pour afficher la chaîne "Prix :" suivie du prix du produit. Accédez au prix à partir de l'item actuel.