Comandos fetch, .then e res | React parte 2: Validação, Rotas e Integração com API

O "fetch" serve para você fazer requisições HTTP, ele é uma API do Javascript.

Fetch trabalha com promisses, já que ele é assíncrono.

Aqui tem um exemplo:

fetch("https://dog.ceo/api/breeds/image/random")
    .then(res => res.json())
    .then(data => {
    console.log(data);
    })
    .catch(err => {
      console.log(err);
      throw err;
    });

Uma promisse tem a parte de sucesso (o "then") e a parte de erro ("o catch"). Na parte de sucesso, o "res" se refere ao "response", ou seja, a resposta enviada pelo endereço que você acessou.

Aqui tem mais informações:

https://developer.mozilla.org/pt-BR/docs/Web/API/Fetch_API/Using_Fetch

https://www.robinwieruch.de/react-fetching-data

Mergulhe em programação