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
React Router 嵌套路由跳转问题:链接栏显示的路由

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

免费AI点我,无需注册和登录