Utfordring: Vise Datasamlinger i React
Oppgave: Vis en produktliste
Håndter dataene mottatt fra backend og sørg for korrekt visning i listeformat.
Oppgaven er:
- Bruk
map()-metoden for å gjengi et array av varer. - Sørg for å fylle ut de nødvendige feltene:
h2må inneholde varens navn (name-egenskap);pmå inneholde varens beskrivelse (description-egenskap);spanmå inneholde teksten "Price:" og varens pris (price-egenskap).
- Bruk
map()-metoden for å iterere overprops.goods-arrayet. - Sørg for å sette
key-prop'en til<li>-elementet til en unik verdi, for eksempel id-egenskapen til varen. - Inne i hvert
<li>-element, bruk følgende elementer:- Et
<h2>-element for å vise varens navn. Hent navnet fra gjeldendeitem; - Et
<p>-element for å vise varens beskrivelse. Hent beskrivelsen fra gjeldendeitem; - Et
<span>-element for å vise teksten "Price:" etterfulgt av varens pris. Hent prisen fra gjeldendeitem.
- Et
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 1. Kapittel 15
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 2.17
Utfordring: Vise Datasamlinger i React
Sveip for å vise menyen
Oppgave: Vis en produktliste
Håndter dataene mottatt fra backend og sørg for korrekt visning i listeformat.
Oppgaven er:
- Bruk
map()-metoden for å gjengi et array av varer. - Sørg for å fylle ut de nødvendige feltene:
h2må inneholde varens navn (name-egenskap);pmå inneholde varens beskrivelse (description-egenskap);spanmå inneholde teksten "Price:" og varens pris (price-egenskap).
- Bruk
map()-metoden for å iterere overprops.goods-arrayet. - Sørg for å sette
key-prop'en til<li>-elementet til en unik verdi, for eksempel id-egenskapen til varen. - Inne i hvert
<li>-element, bruk følgende elementer:- Et
<h2>-element for å vise varens navn. Hent navnet fra gjeldendeitem; - Et
<p>-element for å vise varens beskrivelse. Hent beskrivelsen fra gjeldendeitem; - Et
<span>-element for å vise teksten "Price:" etterfulgt av varens pris. Hent prisen fra gjeldendeitem.
- Et
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 1. Kapittel 15