如果用户访问“ mysyte.com/app”,我想将他重定向到“ mysyte.com/app/login”,以更改浏览器中的URL。
我已经用下面的代码做到了:
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';
import Login from "./login/login"
ReactDOM.render(
<BrowserRouter>
<Switch>
<Route path="/app/login" component={Login}/>
<Route path="/app" render={ () => <Redirect push to="/app/login" /> } />
</Switch>
</BrowserRouter>,
document.getElementById("app")
)
正如我在React的第一周一样,我想知道是否有更好的方法可以做到这一点。
提前致谢。
您应该可以Redirect
像这样直接用作组件:
<Switch>
<Route path="/app/login" component={Login} />
<Redirect from="/app" to="/app/login" push />
</Switch>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句