Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Skapa ett användarprofilkort | React-Grunder och Första Användargränssnitt
Introduktion till React

Utmaning: Skapa ett användarprofilkort

Svep för att visa menyn

Uppgift

Skapa ett enkelt användarprofilkort med hjälp av JSX. Profilkortet ska innehålla:

  1. En bild (img-element).
    • src-attributet ska vara lika med variabeln avatarUrl;
    • alt-attributet ska vara lika med strängen User Avatar;
    • width-attributet ska vara lika med 120.
  2. En rubrik (h2-element). Dess textinnehåll ska vara Alex Johnson.
  3. Ett stycke (p-element). Dess textinnehåll ska vara Frontend Developer.
  4. Ytterligare ett stycke (p-element). Dess textinnehåll ska vara Loves React and building UI projects.

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 1. Kapitel 5

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 1. Kapitel 5
some-alt