react中路由版本问题

v6版本之前

//引入react jsx写法的必须

import React from 'react';

//引入需要用到的页面组件

import Home from '../pages/home';

import About from '../pages/about';

//引入一些模块

import { BrowserRouter as Router, Route} from "react-router-dom";

function router(){

        return (

                <Router>

                        <Route path="/home" component={Home} />

                        <Route path="/about" component={About} />

                </Router>);

}

export default router;

v6版本之后的路由写法变成了

//引入react jsx写法的必须

import React from 'react';

//引入需要用到的页面组件

import Home from '../pages/home';

import About from '../pages/about';

//引入一些模块

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

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

function router(){

return (

<BrowserRouter>

        <Routes>

                <Route path="/home" element={<Home/>} />

                <Route path="/about" element={<About/>} />

        </Routes>

</BrowserRouter>);

}

export default router;