我在 Next.js 中有以下問題。我正在構建一個儀表板。這在某種程度上是根路由：
/dashboard/
在這里，您可以從不同的商店中進行選擇，以進入不同商店的儀表板。現在，當我點擊其中一家商店時，這是我的路線：
/dashboard/store/%STORE_ID%/
%STORE_ID% 類似于3iHnkdnfkD我需要它來與我的后端通信。基本上，我使用 ID 作為資料庫的鍵之一，并且在單擊頁面時不會從路由中獲取它。現在，路線繼續……假設我有不同的產品，并且每個產品都有一個 ID：
/dashboard/store/%STORE_ID%/product/%PRODUCT_ID%
在這些單獨的產品之間導航時，%PRODUCT_ID% 會發生明顯的變化，并且路線也會隨之發生變化。所以，我有這條路線：/dashboard/store/3iHnkdnfkD例如；該頁面現在將包含一個表格，我可以在其中單擊產品以獲取詳細頁面。所以我會使用 NextLink，當我點擊其中一個產品時，將其 ID 包含在路由中：
<NextLink href={`/dashboard/store/%STORE_ID%/product/${id}`}>
<MyUnrelevantButton />
</NextLink>
現在，這是我的問題：我需要知道STORE_ID%導航到產品，否則，我會丟失商店的參考。我知道我可以STORE_ID%從路線中檢索而不只是再次傳遞它，但這是多余的，而且有多個 NextLink 需要做很多作業。有什么辦法可以告訴下一步：使用我知道的路線，然后將 /product/%PRODUCT_ID% 添加到它
uj5u.com熱心網友回復：
這在 Next.js 中稱為動態路由。您將需要查看此示例以了解如何完成此操作。
Next.js 示例存盤庫作為大量常見 HOW-TO 示例
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/386189.html
標籤：javascript 反应 反应路由器 下一个.js
上一篇：使用React獲取API資料