0
107
ViewsObtener una matriz de Promesas después de la espera asíncrona
Estoy tratando de crear una matriz de mapeo de pronóstico diario sobre una matriz con ciudades. Estoy tratando de mapear el conjunto de ciudades haciendo una llamada API para cada una de ellas una vez que se carga la página. Sigo recibiendo una serie de Promesas como esta: 
Componente de página favorita:
const [dailyForeCast, setDailyForeCast] = useState([]); const favorites = [ { Key: '213181', type: 'City', }, { Key: '213121', type: 'City', }, ]; useEffect(() => { const fetchData = async () => { const results = await favorites.map((city) => { return weatherService.getSingleForeCast(city.Key); }); setDailyForeCast(results); }; fetchData(); }, []); console.log('dailyForest:', dailyForeCast);Servicio con la llamada api:
async function getSingleForeCast(value) { try { const res = await axios.get(`http://dataservice.accuweather.com/forecasts/v1/daily/1day/${value}`, { params: { apikey: API_KEY, details: true, metric: true, }, }); const result = res.data.DailyForecasts; return result; } catch { console.log('cant get single forecast'); } }Agradecería cualquier ayuda, gracias de antemano :)
·
Juan Pablo Isaza
1 answers
Answer question0
Como dijo Brian, en realidad no estás esperando las promesas, sino la función del mapa.
Prueba algo como esto (no probado):
const fetchData = async () => { const promises = favorites.map((city) => { return weatherService.getSingleForeCast(city.Key); }); const results = await Promise.all(promises) setDailyForeCast(results); };
·
Juan Pablo Isaza
Report
Answer question