Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Udfordring: Byg en Like-knap til et opslag på sociale medier | Tilstand og Sideeffekter
Introduktion til React

Udfordring: Byg en Like-knap til et opslag på sociale medier

Stryg for at vise menuen

Opgave

Opret et simpelt social media opslag med et fungerende like-tæller ved hjælp af useState hooken.

Komponenten skal inkludere:

  1. En state-variabel kaldet likes. Dens startværdi skal være 120.

  2. En overskrift (h2 element). Dens tekstindhold skal være Exploring Iceland.

  3. Et afsnit (p element). Dens tekstindhold skal være One of the most beautiful trips I've ever had.

  4. Endnu et afsnit (p element). Det skal vise Likes: efterfulgt af den aktuelle værdi af likes.

  5. En knap (button element). Dens tekstindhold skal være Like Post.

  6. Når knappen klikkes, skal likes state øges med 1.

Startkode

Åbn startprojektet nedenfor og udfyld de manglende dele af komponenten.

Starter code

Løsning

Du kan sammenligne dit resultat med den endelige løsning nedenfor.

Solution code

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 2

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 3. Kapitel 2
some-alt