如何访问 Next.js 中的 [id]/routeName
How can I access to [id]/routeName in Next.js
我有一个简单的项目,当用户转到 link 时,例如:localhost:3000/course/[id]
然后用户单击加入,url 将更改为 localhost:3000/course/[id]/routeName
我怎样才能在页面中创建这样的文件夹?
非常感谢!
我明白了!
如果你和我有同样的问题!
pages
|-categories
|-[category_slug]
|-index.js
|-product
|-[product_slug].js
就是这样!
你想要 Next 所说的 'Multiple dynamic route segments'。在您的 /pages
目录中:
- 您想要一个名为
course
的文件夹
- 在其中,您将有另一个名为
[id]
的文件夹
- 在该文件夹内,您需要一个名为
[routeName].js
的文件
路径看起来像:
/pages/course/[id]/[routeName].js
我有一个简单的项目,当用户转到 link 时,例如:localhost:3000/course/[id] 然后用户单击加入,url 将更改为 localhost:3000/course/[id]/routeName 我怎样才能在页面中创建这样的文件夹? 非常感谢!
我明白了! 如果你和我有同样的问题!
pages
|-categories
|-[category_slug]
|-index.js
|-product
|-[product_slug].js
就是这样!
你想要 Next 所说的 'Multiple dynamic route segments'。在您的 /pages
目录中:
- 您想要一个名为
course
的文件夹
- 在其中,您将有另一个名为
[id]
的文件夹
- 在该文件夹内,您需要一个名为
[routeName].js
的文件
路径看起来像:
/pages/course/[id]/[routeName].js