关于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的重定向操作

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理