Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Bygg en gilla-knapp för ett inlägg på sociala medier | Tillstånd och Bieffekter
Introduktion till React

Utmaning: Bygg en gilla-knapp för ett inlägg på sociala medier

Svep för att visa menyn

Uppgift

Skapa ett enkelt inläggskort för sociala medier med en fungerande gillningsräknare med hjälp av hooken useState.

Komponenten ska inkludera:

  1. En tillståndsvariabel kallad likes. Dess initiala värde ska vara 120.

  2. En rubrik (h2-element). Dess textinnehåll ska vara Exploring Iceland.

  3. Ett stycke (p-element). Dess textinnehåll ska vara One of the most beautiful trips I've ever had.

  4. Ett annat stycke (p-element). Det ska visa Likes: följt av det aktuella värdet av likes.

  5. En knapp (button-element). Dess textinnehåll ska vara Like Post.

  6. När knappen klickas ska tillståndet likes ökas med 1.

Startkod

Öppna startprojektet nedan och fyll i de saknade delarna av komponenten.

Starter code

Lösning

Du kan jämföra ditt resultat med den slutgiltiga lösningen nedan.

Solution code

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 3. Kapitel 2
some-alt