Tarefa

Criar um perfil de usuário simples que carrega dados do usuário a partir de uma função de API usando useEffect.

O componente deve incluir:

1. Uma variável de estado chamada user. Seu valor inicial deve ser null.

2. Um hook useEffect.

• Chamar a função fetchUser dentro do efeito.
• Usar .then() para receber a resposta.
• Salvar a resposta no estado user usando setUser.

3. Se user for null, renderizar um parágrafo (elemento p). O texto deve ser Loading user....

4. Se user existir, renderizar:

• Um título (elemento h2) que exibe o nome do usuário.
• Um parágrafo (elemento p) que exibe o cargo do usuário.

Código Inicial

Abra o projeto inicial abaixo e complete as partes faltantes do componente.

Starter code

Solução

Você pode comparar seu resultado com a solução final abaixo.

Solution code