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

【问题标题】：Accessing Parameter from Dynamic Route in Next.js从 Next.js 中的动态路由访问参数
【发布时间】：2020-11-14 16:28:40
【问题描述】：

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

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

【问题讨论】：

标签： reactjs next.js

【解决方案1】：

好的，这只是在documentation 的开头，我的糟糕我没有阅读：

import { useRouter } from 'next/router'

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

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

export default Post

【讨论】：