[解決済み] React-Router : IndexRouteの目的とは？

質問

を使用する目的がわかりません。 IndexRoute と インデックスリンク . 以下のコードでは、Aboutパスが有効になっていない限り、どのような場合でもまずHomeコンポーネントが選択されるようです。

<Route path="/" component={App}>
  <IndexRoute component={Home}/>
  <Route path="about" component={About}/>
</Route>

対

<Route path="/" component={App}>
  <Route path="home" component={Home}/>
  <Route path="about" component={About}/>
</Route>

ここで、最初のケースの利点・目的は何でしょうか？

どのように解決するのか？

上の例では / をレンダリングすると App で Home を子として渡します。下の例では / に行くと、レンダリングは App と表示されます。 でもなく Home どちらでもない About はどちらもパスが一致しないため、レンダリングされません。

React Router の古いバージョンについては、関連するバージョンの インデックスルートとインデックスリンクのページ . バージョン 4.0 以降、React Router では IndexRoute の抽象化を使用しなくなりました。