使用Link导航时React-router错误匹配

时间:2017-02-05 10:45:39

标签: reactjs react-router

我有以下路线:

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> 有不同的方法吗?我觉得我在这里错过了一些东西。

谢谢!

1 个答案:

答案 0 :(得分:1)

您应该将login链接更改为/object/1/login。您也可以像/object/${number}/login一样对其进行参数化。一般情况下,当您使用/your_link等链接在应用内导航时,您始终可以访问http://yourdomain.sth/your_link