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

Question

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

提前致谢。

Answer 1

您应该可以像这样直接使用 Redirect 作为组件：

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

Check out the documentation for this.

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

There is a better way to redirect from a url to another in ReactJS?

reactjs

react-router

react-dom