javascript - React-Router:IndexRoute的目的是什么?

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

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

1个解决方案
86 votes

在上面的示例中,转到IndexRoute将呈现App,其中Home作为孩子传递。 在下面的示例中,转到/将呈现App,而不呈现HomeAbout,因为它们的路径都不匹配。

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

Michelle Tilley answered 2019-08-11T11:47:10Z
translate from https://stackoverflow.com:/questions/32706913/react-router-what-is-the-purpose-of-indexroute