Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Bygg et Brukerprofilkort | React-Grunnleggende og Første Brukergrensesnitt
Introduksjon til React

Utfordring: Bygg et Brukerprofilkort

Sveip for å vise menyen

Oppgave

Lag et enkelt brukerprofilkort ved hjelp av JSX. Profilkortet må inneholde:

  1. Et bilde (img-element).
    • src-attributtet må være lik variabelen avatarUrl;
    • alt-attributtet må være lik strengen User Avatar;
    • width-attributtet må være lik 120.
  2. En overskrift (h2-element). Tekstinnholdet må være Alex Johnson.
  3. Et avsnitt (p-element). Tekstinnholdet må være Frontend Developer.
  4. Et annet avsnitt (p-element). Tekstinnholdet må være Loves React and building UI projects.

Startkode

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

Starter code

Løsning

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

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