接下來Js在root中帶幾個params

Question

假設，我想在 URL 中使用 params region和lang ，例如：
https://root.com/{region}/{lang}
https://root.com/{region}/{lang}/school

我怎么做？ 我試過動態路由，但它似乎不適用於根 index.js。 我應該如何構建我的文件夾樹？
/pages/[region]/[lang]/index.js看起來不像是有效的。

Answer 1

在/pages/[region]/[lang]/index.js中的默認導出組件中，您可以使用next/router - useRouter 。

查詢 object 將包含region和lang參數。

import { useRouter } from "next/router";

export const Page = () => {
  const { query } = useRouter();
  console.log({ query });
  
  return <>My index page!</>;
};

export default Page;

要獲取/school路徑，只需在與index.js相同的文件夾中添加一個 school.js 文件，然后使用 useRouter 獲取查詢參數，如上所示。

Answer 2

嘿，我相信有幾種方法，

對https://root.com/{region}/{lang}等 URL 使用動態路由。

• 為每個地區和語言創建一個包含子文件夾的“頁面”文件夾。 在每個子文件夾中，都有一個“index.js”文件。
• 使用“next-routes”或“react-router”之類的庫進行路由。