Question

我正在使用react-router v3。我的一条路由代码：

...
<Route path='dashboard' component={Dashboard}>
  <Route path='overview' component={Overview}/>
  <Route path='scan' component={Scan}/>
</Route>
...

我希望任何人访问＆＃39; / dashboard＆＃39;被重定向到＆＃39; / dashboard / overview＆＃39;。我知道我可以使用IndexRoute来实现此目的，但浏览器URL不会显示“概述位”＃39;。我也将使用＆＃39; Link＆＃39;路由到概述＆＃39;并且＆＃39;扫描＆＃39;部分。我需要使用它的＆＃39; activeClassName＆＃39;功能，以应用一些样式。不要认为IndexRoute会引发这种情况。

Answer 1

索引重定向：https://github.com/ReactTraining/react-router/blob/master/docs/guides/IndexRoutes.md#index-redirects

<Route path='dashboard' component={Dashboard}>
  <IndexRedirect to="/overview" />
  <Route path='overview' component={Overview}/>
  <Route path='scan' component={Scan}/>
</Route>

react-router：如何设置默认子路由并相应地修改URL

1 个答案: