jtwang7 / React-Note

React 学习笔记
8 stars 2 forks source link

React-Router-V6 重定向 #42

Open jtwang7 opened 2 years ago

jtwang7 commented 2 years ago

参考文章: ✅ react-router-dom v6 移除Redirect后的解决方案Navigate

问题描述: React-Router-V6 相对于 V5,最大的改动就是把 Switch 标签替换成了 Routes 标签,component 属性替换成了 element 属性,同时官方文档还一并移除了 Redirect 重定向标签。在 React-Router-V6 中需要通过 Nevigate 标签来模拟实现重定向功能。

解决:

<Router>
    <Routes>
        <Route path='/login' element={<Login/>}/>
        <Route path='/admin' element={<Admin/>}/>
        <Route path="*" element={<Navigate to="/login" />} /> <!-- 重定向 -->
    </Routes>
</Router>