对 react-router 的文档做一次学习梳理。

初始化

运行命令初始化

npm create vite@latest name-of-your-project -- --template react
# follow prompts
cd <your new project directory>
npm install react-router-dom localforage match-sorter sort-by
npm run dev

然后创建第一个路由：

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

export const router = createBrowserRouter([
  {
    path: '/',
    element: <div>hello</div>
  }
])

然后在 App.tsx中引入

import './App.css'
import {
  RouterProvider,
} from "react-router-dom";
import {router} from './router'

function App() {

  return (
    <>
         <RouterProvider router={router} />
    </>
  )
}

export default App

这样一来，就完成教程第一部分。 github.com/jacksonw111…

react-router 学习 - 初始化项目

初始化