react做路由重定向的方法:
当用户访问某界面时,该界面并不存在,此时用Redirect重定向,重新跳到一个我们自定义的组件里。
首先引入Redirect
import {Link,Route,Redirect} from 'react-router-dom'
利用from or to
<Redirect from={"/"} to={'/index'}/>
如果遇到斜杠“ / ” 就直接跳转“ /index ”
const { HashRouter, Route, Switch, Redirect, } = window.ReactRouterDOM return ( <HashRouter> <Switch> <Route exact path="/"> {`<Home />`} </Route> <Route path="/old-match"> {/* 重定向 */} <Redirect to="/will-match" /> </Route> <Route path="/will-match"> {`<WillMatch />`} </Route> <Route path="*"> {/* 404 */} {`<NoMatch />`} </Route> </Switch> </HashRouter> )
相关学习推荐:react视频教程
以上就是react怎么做路由重定向的详细内容,更多请关注易知道|edz.cc其它相关文章!