如何使用react router dom嵌套路由



我有一个路由到/admin/settings的设置页面和一些来自设置的页面,例如/admin/settings/objectives。当我在设置页面中添加一个链接到/admin/settings/objectives时,它会改变路由到指定的地址,但组件不会改变。

<Route exact path='/admin/settings' component={Settings} />
{/* Settings Route */}
<Route exact path='/admin/settings/objectives' component={Objective}/>

试着把

<Route exact path='/admin/settings/objectives' component={Objective}/>

上一步,在这条路线之后,放第一个(因此颠倒你的路线顺序)

<Route exact path='/admin/settings' component={Settings} />enter code here

并且不要使用exact as属性

最新更新