react-router-dom 主版本号6.x.x基本使用方法

react-router-dom 主版本号6.x.x基本使用方法

目前我使用的react-router-dom版本为6.2.2，网上大部分开源项目和文档中，这个依赖的版本是5.x.x，主版本进行了一次更新，因此，部分api发生了一些变化。

在最新的版本中，react-router-dom删除了Switch组件，添加了Routes组件，在最基本的使用当中，将Routes组件替换成Switch组件即可，Route组件中原来的component参数变更为了element，那么基本使用方法Demo:

import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'
import Login from "./Viewers/Login/index.js";

function App() {
  return (
    <Router>
      <Routes>
        <Route
          element={<Login />}
          exact={true}
          path={"/"}
        >
        </Route>
      </Routes>
    </Router>
  );
}

export default App;