react-route-dom在6.2.2版本如何使用

react版本更新是比较快的，真实的一个事情。我的老师拿一个月之前的课件给我们上课，复制自己文档的代码，结果很惊喜，报错了。那么在6.2.2这个版本中如何去使用react-route-dom？

安装和配置的过程直接省略了，直接上正文。

引入：import { Routes, Route, Link } from "react-router-dom";

使用：

<Routes>

<Route path="/" element={<LoginView />} />

<Route path="LoginView/login" element={<Login />} />

<Route path="LoginView/regist" element={<Regist />} />

</Routes>

route.js完整代码，这里是我自己的例子。

import React from 'react';

import { Routes, Route, Link } from "react-router-dom";

import Login from '../components/login.js';

import Regist from '../components/regist.js';

import LoginView from '../view/LoginView.js'

function Rote() {

    return (

        <div>

        <Routes>

            <Route path="/" element={<LoginView />} />

            <Route path="LoginView/login" element={<Login />} />

            <Route path="LoginView/regist" element={<Regist />} />

        </Routes>

        </div>

    );

}

export default Rote;

除此之外，还要再根那里引入

import { BrowserRouter } from "react-router-dom";

完整代码

import React from 'react';

import ReactDOM from 'react-dom';

import App from './App';

import { BrowserRouter } from "react-router-dom";

ReactDOM.render(

  <React.StrictMode>

    <BrowserRouter>

      <App />

    </BrowserRouter>

  </React.StrictMode>,

  document.getElementById('root')

);

到此，react-route-dom 6.2.2版本引用成功