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

Jim老丝梅2020-03-12

我不明白使用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>

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

乐ASam2020/03/12 15:48:19

在最上面的示例中，to /将以Appwith Home作为子级进行渲染。在底部的例子，要/会使得App与既不 Home也不About被渲染，因为无论他们的路径都不匹配。

对于旧版本的React Router，可在相关版本的“ 索引路由和索引链接”页面上获得更多信息。从4.0版本开始，React Router不再使用IndexRoute抽象来实现相同的目标。

Newest Answer