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与既不 Home也不About被渲染,因为无论其路径匹配.

对于旧版本的React Router,可以在关联版本的Index Routes和Index Links页面上获得更多信息.从4.0版开始,React Router不再使用IndexRoute抽象来实现相同的目标.