1

Estou tentado fazer chamada a API mas esta retornando o erro de aviso:

"Possible Unhandled Promise Rejection".

Existem perguntas semelhantes, mas nenhuma especifica para react hooks pelo que vi.

Seguem os códigos

api.js

import axios from 'axios';

const api = axios.create({
    baseURL: 'http://localhost:3001/api'
});

export default api;  

ReportScreen.js

useEffect(() => {
    async function loadReports() {
        const response = await api.get('/reports');

        console.log(response.data);
    }

    loadReports(); 

}, []); 

Observação: no backend já esta setado o Cors e outras dependências necessárias .

2
  • tem certeza que o erro é ai?
    – novic
    Commented 3/02/2020 às 23:59
  • Por incrível que pareça sim... É o único trecho de JavaScript, o resto do código é elemento gráfico Commented 4/02/2020 às 1:16

2 Respostas 2

1

Este warning é porquê você está usando o o await sem um try cacth

useEffect(() => {
    async function loadReports() {

        try {
           const response = await api.get('/reports');

           console.log(response.data);

        } catch(error) {
           console.log(error)
        }

    }

    loadReports(); 

}, []); 
2
  • Obrigado! Resolveu a warning, mas continua retornando um array vazio Commented 5/02/2020 às 19:54
  • Dá o console .log no erro pra compartilhar com a gente
    – hnrqss
    Commented 5/02/2020 às 20:46
1

No seu arquivo Api.js troque para

const api = axios.create({ baseURL: 'http://10.0.2.2:3001/api' });

e caso esteja utilizando o expo

const api = axios.create({ baseURL: 'http://**ip do expo**:3001/api' });

verifique se irá resolver o erro

2
  • Na verdade funcionou trocando o baseURL, como sugeriu. Mas agora ``` console.log(response.data); ``` retorna um array vazio Commented 4/02/2020 às 19:15
  • Tenta verificar na sua API se está tudo funcionando direito.
    – Luuck4s
    Commented 6/02/2020 às 13:02

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .