如何在Next.js中访问[id]Next.js

Question

我有一个简单的项目，当用户转到链接(如：localhost:3000/course/id )时，用户单击join，url将更改为localhost:3000/course/id/routeName，如何在页面中创建这样的文件夹？非常感谢!

Answer 1

你想要下一个叫做“多个动态路由段”的东西。在您的/pages目录中：

您想要一个名为course

• inside的文件夹，您需要另一个名为[id]

• inside的文件夹，您需要一个名为[routeName].js

的文件

这条路看起来应该是：

/pages/course/[id]/[routeName].js

Answer 2

我想出来了！如果你和我一样有同样的问题！

pages
   |-categories
       |-[category_slug]
           |-index.js     
           |-product
               |-[product_slug].js  

就这样!