Udfordring: Vis Datasamlinger
Opgave: Vis en produktliste
Håndter data modtaget fra backend og sørg for korrekt visning i listeformat.
Opgaven er:
- Anvend
map()-metoden til at gengive et array af varer. - Sørg for at udfylde de nødvendige felter:
h2skal indeholde varens navn (name-egenskaben);pskal indeholde varens beskrivelse (description-egenskaben);spanskal indeholde teksten "Price:" og varens pris (price-egenskaben).
- Brug
map()-metoden til at iterere overprops.goods-arrayet. - Sørg for at sætte
key-proppen på<li>-elementet til en unik værdi, såsom id-egenskaben for varen. - Inde i hvert
<li>-element skal følgende elementer bruges:- Et
<h2>-element til at vise varens navn. Tilgå navnet fra det aktuelleitem; - Et
<p>-element til at vise varens beskrivelse. Tilgå beskrivelsen fra det aktuelleitem; - Et
<span>-element til at vise teksten "Price:" efterfulgt af varens pris. Tilgå prisen fra det aktuelleitem.
- Et
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 7
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Fantastisk!
Completion rate forbedret til 4
Udfordring: Vis Datasamlinger
Stryg for at vise menuen
Opgave: Vis en produktliste
Håndter data modtaget fra backend og sørg for korrekt visning i listeformat.
Opgaven er:
- Anvend
map()-metoden til at gengive et array af varer. - Sørg for at udfylde de nødvendige felter:
h2skal indeholde varens navn (name-egenskaben);pskal indeholde varens beskrivelse (description-egenskaben);spanskal indeholde teksten "Price:" og varens pris (price-egenskaben).
- Brug
map()-metoden til at iterere overprops.goods-arrayet. - Sørg for at sætte
key-proppen på<li>-elementet til en unik værdi, såsom id-egenskaben for varen. - Inde i hvert
<li>-element skal følgende elementer bruges:- Et
<h2>-element til at vise varens navn. Tilgå navnet fra det aktuelleitem; - Et
<p>-element til at vise varens beskrivelse. Tilgå beskrivelsen fra det aktuelleitem; - Et
<span>-element til at vise teksten "Price:" efterfulgt af varens pris. Tilgå prisen fra det aktuelleitem.
- Et
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 7