Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Bygg en Like-knapp for et Innlegg på Sosiale Medier | Tilstand og Sideeffekter
Introduksjon til React

Utfordring: Bygg en Like-knapp for et Innlegg på Sosiale Medier

Sveip for å vise menyen

Oppgave

Lag et enkelt kort for et innlegg på sosiale medier med en fungerende liker-teller ved å bruke useState-hooken.

Komponenten må inkludere:

  1. En tilstandsvariabel kalt likes. Startverdien skal være 120.

  2. En overskrift (h2-element). Teksten skal være Exploring Iceland.

  3. Et avsnitt (p-element). Teksten skal være One of the most beautiful trips I've ever had.

  4. Et annet avsnitt (p-element). Det skal vise Likes: etterfulgt av den nåværende verdien til likes.

  5. En knapp (button-element). Teksten skal være Like Post.

  6. Når knappen klikkes skal tilstanden likes økes med 1.

Startkode

Åpne startprosjektet under og fullfør de manglende delene av komponenten.

Starter code

Løsningsforslag

Du kan sammenligne resultatet ditt med den endelige løsningen under.

Solution code

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 3. Kapittel 2
some-alt