reactjs - 在 ReactJS 中，有更好的方法从一个 url 重定向到另一个吗？

Question

如果用户访问“mysyte.com/app”，我想将他重定向到“mysyte.com/app/login”，更改浏览器中的网址。

我已经成功地使用以下代码做到了这一点:

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 的第一周，我想知道是否有更好的方法来做到这一点。

提前致谢。

Answer 1

您应该能够直接使用 Redirect 作为组件，如下所示:

<Switch>
  <Route path="/app/login" component={Login} />
  <Redirect from="/app" to="/app/login" push />
</Switch>

Check out the documentation for this .