如何在getInitialProps Next.js中使用上下文API使用者

import React from 'react';
import { useRouter } from 'next/router';

const MyPage = ({ data }) => {
  const router = useRouter();

  return (
    <div>
      <h1>{data.title}</h1>
      <p>{data.content}</p>
      <button onClick={() => router.push('/another-page')}>Go to another page</button>
    </div>
  );
};

MyPage.getInitialProps = async (ctx) => {
  const { req, res, query, asPath } = ctx;

  // 使用上下文对象获取请求信息
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();

  return { data };
};

export default MyPage;