乐趣区

关于react.js:reactrouterdom-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 的重定向操作

退出移动版