我正在使用 react 和 react-router-dom 制作一个天气应用 现在当我发出 api 请求并将其设置为状态时 稍后我尝试访问该对象的特定值时，我得到了未定义的值。我知道我写的路径是正确的，但我一直得到未定义的值 这是我得到的错误：TypeError：无法读取未定义的属性“IconPhrase”

这是代码：

import "./App.css";
import React, { useState, useEffect } from "react";

const URL =
  "http://dataservice.accuweather.com/forecasts/v1/daily/5day/1761?apikey=tCl4ePcWJ4pcpzDCWO51JkxmOLgPjZOM&language=nl-NL&details=true&metric=true";

function Weather() {
  const [weather, setWeather] = useState([]);

  useEffect(() => {
    fetch(URL)
      .then((response) => response.json())
      .then((data) => data.DailyForecasts)
      .then((days) => setWeather(days[0]));
  }, []);

  console.log(weather);
  return (
    <div className="App">
      <header className="App-header">
        <div className="ImageDisplay">
          <div
            className="InnerDisplay"
            style={{ backgroundImage: `url("../src/heavyrain.svg")` }}
          >
            <span className="Degrees">{`${weather.Day.IconPhrase}`}</span>
          </div>
        </div>
      </header>
    </div>
  );
}

export default Weather;