react-router-dom v5 和v6 中的路由重定向问题

1.react-router-dom  版本V5重定向写法

import {Redirect} from 'react-router-dom'

<Redirect to='/xxx'/>

ps:从react-router-dom中拿到Redirect,在没有匹配到路由的情况下设置路由重定向,设置一个默认路由

2.react-router-dom  版本V6 中弃了Redirect,需要用Navigate实现重定向。

import {Navigate} from 'react-router-dom'

<Route path="*" element={<Navigate to="/xxx" />}/>

这两个版本的写法不兼容,需要注意下。

猜你喜欢

转载自blog.csdn.net/yezi_12345/article/details/130136091