0
185
VistasNo puedo usar el valor devuelto por la promesa.
Escribo el código para obtener datos de mi API. En la primera vez que codifico esto. 
y luego obtengo el resultado. Está bien 
Pero después de eso quiero usar ese valor. Codifico esto 
Me mostró el error. 
Intenté leer sobre promesa y async, await mucho pero no me ayudó. Por favor iluminame.
import logo from "./logo.svg"; import "./App.css"; import React from "react"; function App() { const [stateData, setStateData] = React.useState(""); const testGetData = async () => { const data = await fetch("/api/products/test").then((response) => { return response; }); return data; }; let productData = []; testGetData().then((response)=>{ return response.json(); }).then((res)=>{ productData.push(res); }); console.log(productData); console.log(productData[0].productName); return ( <div className="App"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <p>{stateData}</p> </header> </div> ); } export default App;
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
En primer lugar, debe usar el estado para almacenar los datos de la solicitud
En segundo lugar, para obtener los datos, la solicitud debe incluirse en un useEffect. Puedes leer más al respecto aquí
Aquí hay un buen artículo que describe cómo obtener datos de forma asíncrona usando ganchos https://www.robinwieruch.de/react-hooks-fetch-data
·
Juan Pablo Isaza
Denunciar
Responde la pregunta