如何在Nextjs中传递getStaticProps中的参数

import { useRouter } from 'next/router';

function MyPage() {
  const router = useRouter();
  const { slug } = router.query;

  // 使用slug参数进行数据获取或其他操作

  return (
    <div>
      <h1>参数: {slug}</h1>
      {/* 页面内容 */}
    </div>
  );
}

export default MyPage;

export async function getStaticPaths() {
  return {
    paths: [
      { params: { slug: 'parameter1' } },
      { params: { slug: 'parameter2' } },
      // 可以添加更多参数
    ],
    fallback: false // 如果为true，则允许未在paths中定义的参数访问到页面组件
  };
}

export async function getStaticProps({ params }) {
  const { slug } = params;

  // 使用slug参数进行数据获取或其他操作

  return {
    props: {
      // 将参数传递给页面组件
      slug
    }
  };
}