2 next.js中的动态路由级别

68bkxrlz  于 2023-05-28  发布在  其他
关注(0)|答案(1)|浏览(160)

我是next.js的新手。我想问下如何在next.js中实现两级动态路由?
我的网址是http://localhost:3000/company/[slug 1]/[slug 2]
在next.js的官方文档中,我只得到了一级嵌套路由。
我想要2级路由。
请帮帮我。

wf82jlnq

wf82jlnq1#

创建如下目录结构

pages/
 └─ company/
     └─ [slug1]/
         └─ [slug2].js

访问客户端上的段

import { useRouter } from 'next/router';

export function Component() {
  const router = useRouter();
  const { slug1, slug2 } = router.query;
  // ...
}

或者如果在服务器端

export async function getServerSideProps(ctx) {
  const { slug1, slug2 } = ctx.params;
  // ...
}

相关问题