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作為路由參數來查找適當的事件和時間表。