Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Crea una Tarjeta de Perfil de Usuario | Conceptos Básicos de React y Primera Interfaz de Usuario
Introducción a React

Desafío: Crea una Tarjeta de Perfil de Usuario

Desliza para mostrar el menú

Tarea

Crear una tarjeta de perfil de usuario sencilla utilizando JSX. La tarjeta de perfil debe incluir:

  1. Una imagen (elemento img).
  • El atributo src debe ser igual a la variable avatarUrl;
  • El atributo alt debe ser igual a la cadena User Avatar;
  • El atributo width debe ser igual a 120.
  1. Un encabezado (elemento h2). Su contenido de texto debe ser Alex Johnson.
  2. Un párrafo (elemento p). Su contenido de texto debe ser Frontend Developer.
  3. Otro párrafo (elemento p). Su contenido de texto debe ser Loves React and building UI projects.

Código inicial

Abre el proyecto inicial a continuación y completa las partes faltantes del componente.

Starter code

Solución

Puedes comparar tu resultado con la solución final a continuación.

Solution code

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 5

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Sección 1. Capítulo 5
some-alt