Utfordring: Vis Datakollekjsoner

Oppgave: Vis en produktliste

Behandle dataene hentet fra backend og sørg for korrekt visning i listeformat.

Oppgaven er:

• Bruk map()-metoden for å gjengi en array med varer.
• Sørg for å fylle ut de nødvendige feltene:
  1. h2 må inneholde varens navn (name-egenskapen);
  2. p må inneholde varens beskrivelse (description-egenskapen);
  3. span må inneholde teksten "Price:" og varens pris (price-egenskapen).

1. Bruk map()-metoden for å iterere over props.goods-arrayen.
2. Sørg for å sette key-prop'en til <li>-elementet til en unik verdi, for eksempel id-egenskapen til varen.
3. Inne i hvert <li>-element, bruk følgende elementer:
   • Et <h2>-element for å vise varens navn. Hent navnet fra gjeldende item;
   • Et <p>-element for å vise varens beskrivelse. Hent beskrivelsen fra gjeldende item;
   • Et <span>-element for å vise teksten "Price:" etterfulgt av varens pris. Hent prisen fra gjeldende item.