Taak: Toon een Productlijst

Verwerk de gegevens verkregen van de backend en zorg voor een correcte weergave in een lijstformaat.

De opdracht is:

• Gebruik de map()-methode om een array van producten te renderen.
• Vul de volgende onderdelen in:
  1. h2 moet de naam van het product bevatten (name-eigenschap);
  2. p moet de beschrijving van het product bevatten (description-eigenschap);
  3. span moet de tekst "Price:" en de prijs van het product bevatten (price-eigenschap).

1. Gebruik de map()-methode om over de props.goods-array te itereren.
2. Zorg ervoor dat de key-prop van het <li>-element een unieke waarde krijgt, zoals de id-eigenschap van het item.
3. Gebruik binnen elk <li>-element de volgende elementen:
   • Een <h2>-element om de naam van het product weer te geven. Haal de naam op uit het huidige item;
   • Een <p>-element om de beschrijving van het product weer te geven. Haal de beschrijving op uit het huidige item;
   • Een <span>-element om de tekst "Price:" gevolgd door de prijs van het product weer te geven. Haal de prijs op uit het huidige item.