React路由v5和v6版本嵌套路由和重定向

react-router-dom需要自行安装，目前的v5和v6版本用法上的主要区别：

1. 匹配一个路由包裹组件 v5:<Switch></Switch> v6:<Routes></Routes>
2. 注册路由指向的组件属性： v5:component 值为组件名称，如Home v6:element 值为组件 <Home/>
3. 嵌套路由： v5:需要写父级路由，如/home/news v6:不写父级路由，如news
4. 重定向： v5:用Redirect标签，如：<Redirect to="/home"> v6:用Route,element值为Navigate标签，如：<Route path="*" element={<Navigate to="home"/>}/>
5. 精准匹配与模糊匹配： v5:默认是模糊匹配，通过在Route配置加exact开启精准匹配 v6:默认开启精准匹配，加/*开启模糊匹配

v6相关代码： 一般路由：（

{
          
   /* 注册路由 */}
<Routes>
   {
          
   /* 初始页面指向Home */}
    <Route path="*" element={
          
   <Navigate to="/home" />} />
    <Route path="/about" element={
          
   <About/>}/>
    <Route path="/home/*" element={
          
   <Home/>}/>
</Routes>

嵌套路由：

{
          
   /* 注册路由 */}
<Routes>
    <Route path="*" element={
          
   <Navigate to="news" />}/> 
    <Route path="news" element={
          
   <News/>}/> 
    <Route path="message" element={
          
   <Message/>}/>
</Routes>