
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其它相关文章!













