路由

安装

npm install react-router-dom

API

1. BrowserRouter 用于包裹根组件，表示路由
import { BrowserRouter } from 'react-router-dom'
ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>
, $('#app'))

2. Route 当什么路由时，显示什么组件？
<Routes>
  <Route path="/about" element={<About />}>  当跳转到/about路由时，该位置显示About组件
</Routes>

3. Routes 专门用来包裹 Route 的，别的没什么用
<Routes>
  <Route path="/about" element={<About />}>
  <Route path="/home" element={<Home />}>
</Route>