React-router相关

当使用react-router-dom时
由于在v6版本后做了一些改变
本来在import {HashRouter,Switch,Route} from 'react-router-dom';
switch会失效
出现Attempted import error: 'Switch' is not exported from 'react-router-dom'的报错

引入方面为
from:

import { HashRouter,Switch, Route } from "react-router-dom";

to:

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

并且在Route标籤内的component={页面连结}也做了修改
标籤方面改为
from:

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

to:

<Route path='/welcome' element={<Home/>} />