Nextjs 基于 id 的多条动态路由

Question

在此处输入图像描述

嗨，我正在处理 Nextjs 项目，但我遇到了一个问题，我有 Events->Event->Schedule。 我只想点击将链接到事件的事件，事件内部会有一个日程表，将链接到日程表组件，会有多个事件，并且路由应该是动态的。 文件夹结构在图片中可见

Answer 1

查看有关动态路由的 Next.js 文档：

https://nextjs.org/docs/routing/dynamic-routes

您将创建一个类似于此的文件结构：

pages/
-- events/
---- [eventId]/
------ schedule/
-------- [scheduleId].js

最后一个文件位于pages/events/[eventId]/schedule/[scheduleId].js 。 在该页面文件中，您可以访问eventId和scheduleId作为路由参数来查找适当的事件和时间表。