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

JavaScript

Jim老丝梅

2020-03-12

我不明白使用IndexRouteIndexLink的目的是什么似乎在任何情况下,除非激活了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>

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

第1086篇《React-Router:IndexRoute的目的是什么?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
乐ASam 2020.03.12

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android