Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Buscar e Exibir Dados com useEffect | React Hooks e Context para Gerenciamento de Estado
Domínio do React

bookDesafio: Buscar e Exibir Dados com useEffect

Tarefa

Criar um componente React chamado DataFetcher que busca e exibe dados de uma API quando o componente é montado.

Instruções

  1. Importar os hooks apropriados da biblioteca React.
  2. Dentro do componente, utilizar o hook useEffect para buscar dados do endpoint de API fornecido quando o componente for montado.
  3. Exibir os dados obtidos em um formato de fácil leitura dentro do componente. É possível escolher como formatar e apresentar os dados, como uma lista, uma tabela ou outro formato adequado.
  1. Incluir uma declaração import para importar o hook necessário da biblioteca React.
  2. Utilizar os hooks useEffect e useState para esta tarefa.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 7

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.17

bookDesafio: Buscar e Exibir Dados com useEffect

Deslize para mostrar o menu

Tarefa

Criar um componente React chamado DataFetcher que busca e exibe dados de uma API quando o componente é montado.

Instruções

  1. Importar os hooks apropriados da biblioteca React.
  2. Dentro do componente, utilizar o hook useEffect para buscar dados do endpoint de API fornecido quando o componente for montado.
  3. Exibir os dados obtidos em um formato de fácil leitura dentro do componente. É possível escolher como formatar e apresentar os dados, como uma lista, uma tabela ou outro formato adequado.
  1. Incluir uma declaração import para importar o hook necessário da biblioteca React.
  2. Utilizar os hooks useEffect e useState para esta tarefa.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 7
some-alt