react-router：デフォルトの子ルートを設定し、それに応じてURLを変更する方法

Question

私はreact-router v3を使用しています。私のルーティングコードの一部：

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

「/ダッシュボード」にアクセスする誰もが「/ダッシュボード/概要」にリダイレクトされるようにします。私はこれを達成するためにIndexRouteを使うことができますが、ブラウザのURLは 'overview bit'を表示しません。また、「概要」セクションと「スキャン」セクションにルーティングするために「リンク」を使用します。私はいくつかのスタイリングを適用するために、その 'activeClassName'機能を使用する必要があります。 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>