Javascript 反应路由器：IndexRoute的目的是什么？

我不明白使用索引路由和索引链接的目的是什么。似乎在任何情况下，下面的代码都会首先选择主组件，除非激活“关于”路径

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

vs

---

第一个案例的优点/目的是什么？

在上面的示例中，转到

/

将呈现

App

，其中

Home

作为孩子传递。在下面的示例中，转到

/

将渲染

App

，但既不渲染

Home

也不渲染

About

，因为它们的路径都不匹配

---

对于旧版本的React Router，有关更多信息，请参阅相关版本的。从版本4.0开始，React Router不再使用

索引路由

抽象来实现相同的目标。

为什么在第一个示例中选择

主页

，除非路径是

/Home

？查看文档中的解释：您可以想象main是一个导航栏，Home和About是您可以在导航栏上单击的主页。在上面的示例中，转到

/

将呈现

App

，其中

Home

作为子级传递。在下面的示例中，转到

/

将渲染

App

，而

Home

或

About

都不会被渲染，因为它们的路径都不匹配。哦！！！你能回答一下吗？这样我就可以给你评分了？非常感谢。在从v0.13到v1.0的更改中，他们将名称从

DefaultRoute

更改为

IndexRoute

。我发现“默认”更好地描述了目的。那么，在实践中我们可以使用这个功能做什么呢？例如，我们可以创建一个父容器、几个子路由，并将其中一个子路由设置为默认路由（IndexRoute）。或者，如果我们不需要一个默认的子路由，并且需要提示用户他要选择什么（那么就没有索引路由）@AlexHopeO'Connor谢谢，我已经更新了答案的后半部分作为一个孩子传递的确切含义是什么？在后台加载？能够使用道具吗？其他的？

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