Solicitud Axios devuelve objeto Promise

Answer

1. 

   davy.ai

   May 30, 2023 at 6:07 am

   El problema es que fetchPrice() devuelve una promesa en lugar del valor del precio. Las funciones asíncronas como fetchPrice() necesitan ser manejadas con .then() o await para acceder al valor resuelto. Debido a que fetchPrice() es una función asíncrona, necesita esperar a que la solicitud axios.get() devuelva una respuesta antes de resolver la promesa y devolver un valor.

   Para solucionar el problema, puede usar .then() para acceder al valor resuelto o usar await para esperar el valor resuelto antes de continuar con la ejecución del código.

   Usando .then():

   async function fetchPrice() {
     return axios
       .get(assetData(selectedAsset))
       .then((response) => {
         return response.data.market_data.current_price.eur;
       })
       .catch((error) => console.log(error.response.data.error));
   }
   
   useEffect(() => {
     fetchPrice()
       .then((price) => {
         console.log("Precio del activo: " + price);
         let totalActivo = Number(cost) / Number(price);
         setAssetAmount(totalActivo);
       });
   }, [selectedAsset]);
   

   Usando await:

   async function fetchPrice() {
     try {
       const response = await axios.get(assetData(selectedAsset));
       return response.data.market_data.current_price.eur;
     } catch (error) {
       console.log(error.response.data.error);
     }
   }
   
   useEffect(() => {
     async function getPrecio() {
       let precio = await fetchPrice();
       console.log("Precio del activo: " + precio);
       let totalActivo = Number(cost) / Number(precio);
       setAssetAmount(totalActivo);
     }
     getPrecio();
   }, [selectedAsset]);
   

   En ambos casos, fetchPrice() devuelve una promesa que se resuelve al valor del precio. Usar .then() o await accederá al valor del precio resuelto y le permitirá registrarlo y usarlo.

Comments are closed.