倆種路由模式
各個主流框架的路由常用的路由模式有倆種,history模式和hash模式,ReactRouter分別由createBrowerRouter和createHashRouter函數負責創建
附帶代碼:
import Login from "../page/Login";
import Article from "../page/Article";
import Layout from "../page/Layout";
import Board from "../page/Board";
import About from "../page/About";
import NotFound from "../page/NotFount";
import { createBrowserRouter, createHashRouter } from "react-router-dom";const router = createBrowserRouter([{path: "/",element: <Layout></Layout>,children: [// 設置為默認二級路由 一級路由訪問的時候,它也能得到渲染{index: true,element: <Board></Board>,},{path: "about",element: <About></About>,},],},{path: "/login",element: <Login></Login>,},{// searchParams 傳參// path: "/article",// params 傳參path: "/article/:id/:name",element: <Article></Article>,},{path: "*",element: <NotFound></NotFound>,},
]);export default router;