reactjs - 在React Route中使用绝对路径或相对路径

Question

全部:

当我遵循第 7 课的官方教程时，我对 React Router 还很陌生:

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

当涉及到路由参数时，例如:

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

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

[1] React-Router 如何决定使用绝对路径或相对路径，是否只是因为路径以斜杠“/”开头(我发现的一件事是:一旦我在相对路径中添加斜杠一开始，该路径就会变成绝对路径，无论它的父路由是什么。)？

[2] 有没有办法使用相对参数路径路由？如果不是，那么路径为“/repos”的父路由有什么意义？

谢谢

Answer 1

1. React 路由器当前使用绝对路径，but they are working on relative routes

2. 如果您想要相对路线，看起来人们正在从匹配参数中获取当前路线，然后向其附加路线。例如，<Route path={match.path + '/more/stuff'}/>

在您给出的示例中，要点是只要当前路径包含 /repos将会有一些内容(由 component={Repos} 生成的存储库链接列表)可见。当路径为/repos/:userName/:repoName时它将继续显示该内容，因为路径仍然匹配 /repos ，但它也会显示特定存储库的内容 ( component={Repo} )。