如何在vist“/”时重定向到另一个路由器

Question

我正在使用react router 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>

如何设置/注册路由器是默认路由，或者当用户访问“/”时它会重定向到/ register？

Answer 1

以下是如何直接从react-router文档中有条件地使用<Redirect />的示例。

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

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

您应该能够使用此示例来完成您的需要。如果您需要帮助成型，请告诉我们！