Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Rakenna Käyttäjäprofiilikortti | Reactin Perusteet ja Ensimmäinen Käyttöliittymä
Johdatus Reactiin

Haaste: Rakenna Käyttäjäprofiilikortti

Pyyhkäise näyttääksesi valikon

Tehtävä

Luo yksinkertainen käyttäjäprofiilikortti käyttäen JSX:ää. Profiilikortin tulee sisältää:

  1. Kuva (img-elementti).
    • src-attribuutin tulee olla yhtä kuin avatarUrl-muuttuja;
    • alt-attribuutin tulee olla merkkijono User Avatar;
    • width-attribuutin tulee olla 120.
  2. Otsikko (h2-elementti). Tekstin tulee olla Alex Johnson.
  3. Kappale (p-elementti). Tekstin tulee olla Frontend Developer.
  4. Toinen kappale (p-elementti). Tekstin tulee olla Loves React and building UI projects.

Aloituskoodi

Avaa alla oleva aloitusprojekti ja täydennä komponentin puuttuvat osat.

Starter code

Ratkaisu

Voit verrata tulostasi lopulliseen ratkaisuun alla.

Solution code

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 5

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 1. Luku 5
some-alt