React Router 嵌套路由跳转问题:链接栏显示的路由
11. 以下路由代码中,如果现在跳转到'inbox/messages/3',浏览器链接栏中显示的路由为
<Route path='inbox' component={Inbox}>
<Redirect from='messages/id' to='/messages/id' />
</Route>
A. messages/B B. B/messages/3 C. /inbox/messages D. /inbox/messages/3
答案:D
解析:
Redirect
组件将messages/id
路径重定向到/messages/id
路径。- 当跳转到
inbox/messages/3
时,Redirect
组件会匹配messages/id
路径,并将id
替换为3
,最终跳转到/messages/3
路径。 - 由于
Route
组件的path
属性为inbox
,因此最终显示的路由为/inbox/messages/3
。

原文地址: http://www.cveoy.top/t/topic/jHav 著作权归作者所有。请勿转载和采集!