Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Sfida: Crea una Scheda Profilo Utente | Basi di React e Prima Interfaccia Utente
Introduzione a React

Sfida: Crea una Scheda Profilo Utente

Scorri per mostrare il menu

Compito

Crea una semplice scheda profilo utente utilizzando JSX. La scheda profilo deve includere:

  1. Un'immagine (elemento img).
  • L'attributo src deve essere uguale alla variabile avatarUrl;
  • L'attributo alt deve essere uguale alla stringa User Avatar;
  • L'attributo width deve essere uguale a 120.
  1. Un'intestazione (elemento h2). Il suo contenuto testuale deve essere Alex Johnson.
  2. Un paragrafo (elemento p). Il suo contenuto testuale deve essere Frontend Developer.
  3. Un altro paragrafo (elemento p). Il suo contenuto testuale deve essere Loves React and building UI projects.

Codice iniziale

Apri il progetto iniziale qui sotto e completa le parti mancanti del componente.

Starter code

Soluzione

Puoi confrontare il tuo risultato con la soluzione finale qui sotto.

Solution code

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 5

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Sezione 1. Capitolo 5
some-alt