如何使用React Hooks和OpenWeatherMap API获取5天天气预报

useEffect(() => {
  const fetchForecastData = async () => {
    try {
      const response = await axios.get('https://api.openweathermap.org/data/2.5/forecast?q={城市名}&appid={你的API密钥}');
      setForecastData(response.data);
    } catch (error) {
      console.error('Error fetching weather forecast:', error);
    }
  };

  fetchForecastData();
}, []);

return (
  <div>
    {forecastData && forecastData.list.map((forecast, index) => (
      <div key={index}>
        <h2>{forecast.dt_txt}</h2>
        <p>Temperature: {forecast.main.temp}</p>
        <p>Weather: {forecast.weather[0].description}</p>
      </div>
    ))}
  </div>
);