React 路由

安装

npm install react-router-dom localforage match-sorter sort-by -S

# 如果是ts项目 下面的需要安装

npm i --save-dev @types/sort-by

快速入门

新建路由目录

src
├── routes
│   ├── router.jsx

router.jsx

import React from "react";
import { createBrowserRouter } from "react-router-dom";

const router = createBrowserRouter([
  // 2. 路由配置
  {
    path: "/",
    element: <h1>欢迎你,ReactRouter</h1>,
  },
]);

export default router;

引入 router

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { RouterProvider } from "react-router-dom";
import router from "./routes/router";
createRoot(document.getElementById("root")).render(
  <RouterProvider router={router}></RouterProvider>
);

警告

这样运行起来就能看见欢迎你,ReactRouter