在 ReactJS 中有更好的方法从 url 重定向到另一个吗?
There is a better way to redirect from a url to another in ReactJS?
如果用户访问 '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>
如果用户访问 '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>