在ReactJS中，有更好的方法可以將url從url重定向到另一個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") 
) 

正如我在我反應過來第一個星期，我想知道是否有更好的方法來做到這一點。

在此先感謝。

Answer 1

您應該能夠直接使用Redirect作爲一個組成部分，像這樣：

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

Check out the documentation for this。