react-router-dom v6 移除Redirect后的解决方案

react-router-dom v6升级改动

最大的改动对比v5，就是把Switch标签替换成了Routes标签，component替换成了element，然后偶然间发现Redirect也没法使用了，去官方文档查看才发现也一并移除了，那该怎么实现重定向呢？

解决方案

新版的路由需要引入Navigate标签，以下是案例

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

这样就可以完美替代之前Redirect的重定向操作