如何重定向到另一個路由器時VIST「/」

Question

我使用反應路由器V4

下面是我的代碼

<Provider store={store}> 
    <ConnectedRouter history={history}> 
     <div> { /* your usual react-router v4 routing */ } 
      <Switch> 
       <Route path="/register" component={Register} /> 
       <Route path="/login" component={Login} /> 
       <Route path="/main" component={App} /> 
      </Switch> 
     </div> 
    </ConnectedRouter> 
</Provider> 

如何設置/註冊路由器的缺省路由，或者當用戶訪問「 /「它會重定向到/註冊？

Answer 1

下面是如何從反應路由器文檔直接有條件地使用<Redirect />的示例。

import { Route, Redirect } from 'react-router' 

<Route exact path="/" render={() => (
    loggedIn ? (
    <Redirect to="/dashboard"/> 
) : (
    <PublicHomePage/> 
) 
)}/> 

你應該能夠使用這個例子來完成你所需要的。如果您需要幫助將它塑造成您的用途，請告訴我！