Next Js 中的数据获取显示未定义

Question

我试图从我的内容组件中的 https://openweathermap.org/ 获取我的数据，但获取的数据显示为未定义。如果我从 index.js 页面获取数据，那么我将获取数据但不在 Content.js 中

这是我的代码：

Content.getInitialProps = async function () {
  const res = await fetch(
    "http://api.openweathermap.org/data/2.5/weather?q=Darjeeling&appid=28ed2c46c8acdc29953d"
  );
  const data = await res.json();
  
  return {
    weather: data,
  };
};

当我尝试通过 props 在 Content 函数中控制日志数据时 这是我如何安慰数据的一小段代码。

const Content=(props)=>{
console.log(props.weather);
}

未定义其日志记录。