Question

如果用户访问了mysyte.com/app' ;,我想将其重定向到＆＃39; 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

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

1 个答案: