Get fetch return with await/async

Question

recebe();   

async function recebe(){

   const {url} = await pegaValores();

   console.log(url);
}

async function pegaValores(){

    return fetch('http://www.mocky.io/v2/5dba68fb3000007400028eb5')
        .then(response=>response.json())
        .then(data =>{return data})
}

In the console.log(url) is returned undefined, I’d like you to return the object.

Answer 1

James,

I ran some tests and got the following results:

• Accessing this mocky.io API without using HTTPS generates some exceptions during the use of fetch, therefore it will be necessary replace http with https:

      fetch('https://www.mocky.io/v2/5dba68fb3000007400028eb5');

• You create the constant as follows: const {url}, I didn’t understand Why, but so it doesn’t work, you could just remove the keys in that stretch:

      const url = await pegaValores();

• Finally in the Value function, as it is a function asynchronous, you can use fetch with await:

      await fetch('https://www.mocky.io/v2/5dba68fb3000007400028eb5')

---

At the end the code was as follows:

recebe();   

async function recebe(){
  const url = await pegaValores();

  console.log(url);
}

async function pegaValores(){
  return await fetch('https://www.mocky.io/v2/5dba68fb3000007400028eb5').then( result => result.json());
}

---

If you want to test, here’s an online example: https://repl.it/repls/VisibleDarkredTechnician