Hola estoy haciendo una pequeña página del clima para practicar y en la API que uso recibo un array con las predicciones.
Actualmente estoy usando TS y React para practicar también. No tengo ningún problema al recibir la API, sólo que cuando recibo la respuesta de la API debo hacer el setter de cada predicción en la interfaz de la siguiente forma.
interface IForecast {
date: string;
icon: string;
maxC: string;
minC: string;
}
const [forecasts, setForecasts] = useState<IForecast[]>([]);
function fetchAPI(){
let forecast0 = {
date: responseJSON.forecast.forecastday[0].date,
icon: responseJSON.forecast.forecastday[0].day.condition.icon,
maxC: responseJSON.forecast.forecastday[0].day.maxtemp_c,
minC: responseJSON.forecast.forecastday[0].day.mintemp_c,
};
let forecast1 = {
date: responseJSON.forecast.forecastday[1].date,
icon: responseJSON.forecast.forecastday[1].day.condition.icon,
maxC: responseJSON.forecast.forecastday[1].day.maxtemp_c,
minC: responseJSON.forecast.forecastday[1].day.mintemp_c,
};
let forecast2 = {
date: responseJSON.forecast.forecastday[2].date,
icon: responseJSON.forecast.forecastday[2].day.condition.icon,
maxC: responseJSON.forecast.forecastday[2].day.maxtemp_c,
minC: responseJSON.forecast.forecastday[2].day.mintemp_c,
};
setForecasts([forecast0, forecast1, forecast2]);
}
La cuestión es que ir seteando uno por uno cada prediccón no me parece la forma correcta, pues quizás en un futuro necesite que sean 100 predicciones (o 100 de otra cosa cualquiera) y setear cada objeto con la interfaz a mano sería inviable.
Gracias por su tiempo.
Esta es la respuesta de la llamada (en mi codigo sería ResponseJSON)
responseJSON
? Pienso que con un for o algo por el estilo sería más que suficiente.responseJSON
ya que dentro de la funciónfetchAPI()
la usas pero ¿de dónde salió? Aunque creo que en este punto tal vez podría ser irrelevante pues con lo que ya proporcionas debería ser suficiente. Ahora mismo no me encuentro en la computadora pero creo que esta pregunta en el sitio en inglés debería resolver tu problema fácilmente, dale una revisada y si tienes algún problema házlo saber.