1

Me gustaría poder sacar el valor de dentro del fetch:

getFeaturedMedia = json => {
   var result = null;

   fetch(json)
      .then(response => response.json())
      .then(responseJson => {
         result = responseJson.source_url; // I want to get this value out of here, with a return
      console.log("Inside: " + result);
   })
   .catch(error => {
      console.log(error);
   });

   return result;
};
2

1 respuesta 1

3

La función fetch retorna una promesa, para poder efectuarlo asincronamente es nesario usar await y async Funcion asincronamente

const getFeaturedMedia = async (json) => {
  let result = null;

  try {
    result = await fetch(json);
  } catch(error) {
    console.log(error);
  }

  if(result.ok) {
     return result.json();
  }

  // muestra el error retornado por la petición
  console.log(result.statusText);
};

La función al ser async retorna una promesa de un objeto plano, siendo necesario efectuar un await a la llamada de la función:

const media = await getFeaturedMedia('http://...');

Ó un then() y tratar la respuesta dentro del then:

let media;
getFeaturedMedia('...').then((response) => { media = response; });
8
  • Lo he probado y solo obtengo un [object Object] del return. el 27 nov. 2018 a las 11:58
  • Lo he editado y me salía el object. Luego lo he copiado y pegado, comprobado que el json funcione corréctamente... nada, me devuelve [object Object] el 27 nov. 2018 a las 12:03
  • Ahora me devuelve esto: Promise { "_40": 0, "_55": null, "_65": 0, "_72": null, } el 27 nov. 2018 a las 12:08
  • He probado a devolver el valor con el JSON.stringfy y me devuelve exactamente lo mismo el 27 nov. 2018 a las 12:14
  • He acabado comprendiendo el funcionamiento de las promesas... que no se pueden sacar localmente del "then". Ergo, he usado el state de react native con un vector para ir actualizando las variables a medida que iba sacando los json del then, porque no he encontrado otra forma de usar el valor de dentro del "then" que no sea la de actualizar el state... Gracias igualmente @osiris85 el 27 nov. 2018 a las 12:43

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.