我有以下路线:
default
如果我访问function getModalRoutes() {
return (
<Route component={ ModalContainer }>
<Route path='login' component={ SessionContainer }/>
<Route path='registration' component={ RegistrationContainer } />
</Route>
);
}
<Provider store={ createStoreWithState() }>
<Router history={ browserHistory }>
<Route path="/object/:object_id/" component={ ShowRoute } >
{ getModalRoutes() }
</Route>
<Route path="/" component={ IndexRoute } >
{ getModalRoutes() }
</Route>
</Router>
</Provider>
,则匹配正常。如果我使用下面的链接进行导航,则可以从/object/1/login
页面/object/1/
匹配而不是/login
。
/object/:object_id/login
在此方案中使用<Link
to={ `login` }
className="btn">
Log In
</Link>
有不同的方法吗?我觉得我在这里错过了一些东西。
谢谢!
答案 0 :(得分:1)
您应该将login
链接更改为/object/1/login
。您也可以像/object/${number}/login
一样对其进行参数化。一般情况下,当您使用/your_link
等链接在应用内导航时,您始终可以访问http://yourdomain.sth/your_link
。