Skip to main content

動態路由

3. 動態路由​

📌 範例程式​

{
    path: "product/:id",//動態路由
    element: <SingleProduct />,
},

📌 取得參數​

import { useParams } from "react-router-dom";

const { id } = useParams();

📌 URL 範例​

https://domainname/product/123

👉 id = 123