React-Router:IndexRoute的目的是什么?
我不明白使用 和
的目的是什么。似乎在任何情况下,除非激活了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>
第一种情况的优点/目的是什么?
回答:
在最上面的示例中,转到/
将以App
with Home
作为子级进行渲染。在底部的例子,要/
会使得App
与 既不
Home
也不About
被渲染,因为无论他们的路径都不匹配。
对于旧版本的React Router,可在相关版本的“
索引路由和索引链接”页面上获得更多信息。从4.0版本开始,React
Router不再使用IndexRoute
抽象来实现相同的目标。
以上是 React-Router:IndexRoute的目的是什么? 的全部内容, 来源链接: utcz.com/qa/417135.html