Um aplicativo mobile normalmente possui um banco de dados online e por isso ele não consegue realizar todas as suas funcionalidades sozinho - para isso ele precisa enviar requisições a uma API (back-end).

Aprender a consumir dados de uma API é fundamental para um programador React Native.

Como acessar uma API?

No React Native existem duas formas para consumir dados de uma API que é através de uma biblioteca, por exemplo Axios ou com o método nativo do JavaScript chamado fetch. Neste artigo você vai aprender a consumir uma API através do método fetch.

Uma requisição através do fetch é feita conforme o Código 1.

fetch('https://www.minhaapi.com.br');
Código 1. Requisição através do fetch

O código acima envia uma requisição para a URL passada por parâmetro.

Ao enviar uma requisição esperamos receber dados, para isso precisamos utilizar o método then. Dentro dele inserimos uma função que será executada apenas quando fetch receber um retorno da API.

Veja no Código 2 um exemplo de uso dos métodos fetch e then.

fetch('https://www.meusite.com.br/api')
      .then( (resposta) => resposta.json())
Código 2. Exemplo de uso do fetch e then

No código acima realizamos uma requisição à API e quando ela retornar uma resposta a ...

Quer ler esse conteúdo completo? Tenha acesso completo