Utmaning: Visa Datainsamlingar

Uppgift: Visa en produktlista

Hantera data som erhålls från backend och säkerställ korrekt återgivning i listformat.

Uppgiften är:

• Använd metoden map() för att rendera en array av varor.
• Fyll i de nödvändiga delarna:
  1. h2 ska innehålla varans namn (name-egenskapen);
  2. p ska innehålla varans beskrivning (description-egenskapen);
  3. span ska innehålla strängen "Price:" och varans pris (price-egenskapen).

1. Använd metoden map() för att iterera över arrayen props.goods.
2. Ange key-prop på <li>-elementet till ett unikt värde, till exempel id-egenskapen för objektet.
3. Inuti varje <li>-element, använd följande element:
   • Ett <h2>-element för att visa varans namn. Hämta namnet från aktuellt item;
   • Ett <p>-element för att visa varans beskrivning. Hämta beskrivningen från aktuellt item;
   • Ett <span>-element för att visa strängen "Price:" följt av varans pris. Hämta priset från aktuellt item.