El valor del estado del componente de clase de React no se está actualizando.

Answer

1. 

   davy.ai

   August 6, 2023 at 1:25 am

   El problema con el código es que la respuesta de la API fetch no está en formato JSON, por lo que no se puede acceder directamente a los datos utilizando la notación de punto como lo harías con un objeto JSON. Necesitas convertir primero la respuesta a JSON utilizando el método .json() antes de acceder a los datos.

   Para solucionar esto, modifica el método handleSubmit de la siguiente manera:

   handleSubmit = (event) => {
     event.preventDefault();
     alert(`El nombre que ingresaste fue:`+ this.state.cityName);
   
     fetch(`https://api.openweathermap.org/data/2.5/weather?q=`+this.state.cityName+`&appid=f3ee66722740d00cc6f197cbcab3d534`, {
       method: 'GET'
     })
       .then((response) => response.json())
       .then((data) => {
         console.log(data)
         this.setState({
           currWeatherRes: data
         })
       });
   }
   

   Aquí, hemos agregado un método .json() a la respuesta y luego encadenado un segundo método .then() para acceder a los datos en la respuesta. Los datos se almacenan en la variable de estado currWeatherRes como un objeto JSON, que se puede acceder utilizando la notación de punto en la plantilla.

   Esperemos que esto solucione el problema de no mostrar los datos climáticos en la aplicación.

Comments are closed.