React-Router：IndexRouteの目的は何ですか？

IndexRouteとIndexLinkを使用する目的がわかりません。いずれの場合も、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>

最初のケースの利点/目的は何ですか？

上の例では、to /はApp、Homepassed with a childでレンダリングされます。下の例では、どちらのパスも一致しないので、どちらも/レンダリングされずApp、どちら HomeもAboutレンダリングされません。

古いバージョンのReact Routerの詳細については、関連するバージョンの[ インデックスルートとインデックスリンク]ページをご覧ください。バージョン4.0以降、React RouterはIndexRoute抽象化を使用して同じ目標を達成しなくなりました。