【发布时间】:2019-09-04 07:10:41
【问题描述】:
我有一个类似下面代码的 React 路由:
<Route path='/settings' component={Settings} />
在 Settings 组件内部,它有 3 个嵌套路由:
<Route path='/settings/general' component={GeneralSetting} />
<Route path='/settings/team' component={TeamSetting} />
<Route path='/settings/email' component={EmailSetting} />
所以我的问题是我如何才能在最正确的位置(例如'/general'、'/email')获得嵌套路径名没有父路由('/settings')。目前,我在位置路径名(/settings/general)上使用字符串拆分器来实现这一点。这种情况有什么最佳做法吗?
感谢您的帮助。提前致谢。
【问题讨论】:
-
使用精确的
<Route exact path='/general' component={GeneralSetting} /> -
@Omer,感谢您的回复,但我想通过路由 '/settings/general' 进入常规设置。
-
mm 你在这里的意思是:“只有没有父路由('/settings')。” ?
-
我的意思是我仍然通过 '/settings/general' 进入 GeneralSettings 然后我得到 location.pathname 是 '/settings/general',我只想获取文本 '/general'
-
@QuocVanTang 你想用嵌套路径名做什么?
标签: reactjs react-router react-router-v4 react-router-dom