从 Next.js 中的动态路由访问参数

Question

我是 Next.js 的新手，并根据文档设置我的路由机制，将文件结构安排为： pages/questions/[id].js

我想知道是否有很酷/更简单的方法可以id在我的页面上进行匹配；就像 React Router ( ) 中一样match.params.id。我不想将解析window.location.pathname作为我的第一选择。

Answer 1

好吧，这只是文档的开头，可惜我没有阅读：

import { useRouter } from 'next/router'

const Post = () => {
  const router = useRouter()
  const { pid } = router.query

  return <p>Post: {pid}</p>
}

export default Post