2016-07-06 228 views
5

所有:使用绝对路径或相对路径阵营路线

我非常新反应路由器,当我跟随它的官方教程在第7课:

https://github.com/reactjs/react-router-tutorial/tree/master/lessons/07-more-nesting

当涉及到航线像PARAMS:

// index.js 
// ... 
<Route path="/repos" component={Repos}> 
    <Route path="/repos/:userName/:repoName" component={Repo}/> 
</Route> 

它开始使用绝对路径,我想知道:

[1] React-Router如何决定使用abosulte路径还是相对路径,仅仅是因为路径以斜杠“/”开头(我发现的一件事是:一旦我在开始时将斜杠添加到相对路径,那条路径变成绝对路径,不管它的父路由是什么。)?

[2]有没有办法可以使用相对参数路径路径?如果不是,那么父路由的路径是“/ repos”的点是什么?

感谢

回答

3
  1. 阵营路由器目前使用绝对路径,but they are working on relative routes

  2. 如果你想相对路径,它看起来像人们越来越从比赛PARAM目前的路线,然后附加一个路线到它。例如,<Route path={match.path + '/more/stuff'}/>

在你给的例子,问题是,只要当前的路径包含/repos会有一些内容,这将是可见的(链接到由component={Repos}产生的回购协议列表)。当路径为/repos/:userName/:repoName时,它将继续显示该内容,因为路径仍匹配/repos,但它也会显示特定的回购内容(component={Repo})。