NextJS 中动态路由的命名页面答案

【问题标题】：Naming pages for dynamic routing in NextJSNextJS 中动态路由的命名页面
【发布时间】：2020-04-06 17:55:50
【问题描述】：

如何在pages目录下实现这个链接'/employees/10/edit'？

我尝试了以下方法，其中 [id] 是一个目录。

/employees/[id]/edit.js

【问题讨论】：

您是否为此编写了自己的自定义路由？
不，我是新手。
在 Next.js 中，您可以将括号添加到页面 ([param]) 以创建动态路由（也称为 url slugs、漂亮的 url...）例如import { useRouter } from 'next/router' const Post = () => { const router = useRouter() const { pid } = router.query return <p>Post: {pid}</p> } export default Post 更多动态路由信息here

【解决方案1】：

试试这个：

pages
 -employees (directory)
   --[id] (directory)
     ---edit.js (file)

【讨论】：