Tarea

Crear un perfil de usuario simple que cargue datos de usuario desde una función de API usando useEffect.

El componente debe incluir:

1. Una variable de estado llamada user. Su valor inicial debe ser null.

2. Un hook useEffect.

• Llamar a la función fetchUser dentro del efecto.
• Usar .then() para recibir la respuesta.
• Guardar la respuesta en el estado user usando setUser.

3. Si user es null, renderizar un párrafo (elemento p). Su contenido de texto debe ser Loading user....

4. Si user existe, renderizar:

• Un encabezado (elemento h2) que muestre el nombre del usuario.
• Un párrafo (elemento p) que muestre el trabajo del usuario.

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