react路由是怎么使用的？

react的路由使用要引入react-router-dom

// 路由使用
import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom"
// import { HashRouter as Router, Routes, Link } from "react-router-dom"

const First = () => <p>页面1111内容</p>
function AppRouter() {
  return (
    <Router>
      <div>路由基础</div>
      {/* 路由入口 */}
      <Link to="/first">页面111</Link>
      {/* 路由出口 */}
      <Routes>
        {/* <Routes path="/first" component={First}></Routes> */}
        <Route path="/first" element={<First />}></Route>
      </Routes>
    </Router>
  )
}

export default AppRouter

import React, { Children } from "react"
// 导入路由
import { BrowserRouter, Route, Link } from "react-router-dom"
import Home from "./pages/Home"
import City from "./pages/City"

function App() {
  return (
    <BrowserRouter>
      <div></div>
      <Route path="/home" component={Home} />
      <Route path="/city" component={City} />
    </BrowserRouter>
  )
}

export default App

路由的使用。v5和v6版本的使用是不一样的。