Aufgabe: Produktliste anzeigen

Verarbeite die vom Backend erhaltenen Daten und stelle sicher, dass sie korrekt in einer Listenform dargestellt werden.

Die Aufgabe ist:

• Verwende die Methode map(), um ein Array von Waren darzustellen.
• Fülle die notwendigen Lücken aus:
  1. h2 muss den Namen der Ware enthalten (name-Eigenschaft);
  2. p muss die Beschreibung der Ware enthalten (description-Eigenschaft);
  3. span muss den String "Price:" und den Preis der Ware enthalten (price-Eigenschaft).

1. Die Methode map() verwenden, um über das Array props.goods zu iterieren.
2. Sicherstellen, dass das key-Attribut des <li>-Elements auf einen eindeutigen Wert gesetzt wird, beispielsweise die id-Eigenschaft des Elements.
3. Innerhalb jedes <li>-Elements die folgenden Elemente verwenden:
   • Ein <h2>-Element, um den Namen der Ware anzuzeigen. Der Name wird aus dem aktuellen item abgerufen;
   • Ein <p>-Element, um die Beschreibung der Ware anzuzeigen. Die Beschreibung wird aus dem aktuellen item abgerufen;
   • Ein <span>-Element, um den String "Price:" gefolgt vom Preis der Ware anzuzeigen. Der Preis wird aus dem aktuellen item abgerufen.