React-Router：IndexRoute的目的是什么？

Question

我不明白使用 IndexRoute 和 IndexLink 的目的是什么。似乎在任何情况下，除非关闭路径被激活，否则下面的代码将首先选择Home组件。

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

vs

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

第一种情况的优势/目的是什么？

Answer 1

在上面的示例中，转到/将App呈现Home作为孩子传递。在下面的示例中，转到/将呈现App {em> Home和About，因为它们的路径都不匹配。< / p>

对于旧版本的React Router，有关关联版本Index Routes and Index Links page的更多信息。从版本4.0开始，React Router不再使用IndexRoute抽象来实现相同的目标。