导航差异（React Router v6）

Question

路径名前加'/'有区别吗？如果在一种情况下我正在使用 / 从第 1 页导航到第 2 页，我是否应该得到不同的结果：

  navigate({
              pathname: 'page2',
              search: `?${createSearchParams({ email: username })}`,
 });

另一个：

  navigate({
              pathname: '/page2',
              search: `?${createSearchParams({ email: username })}`,
 });

两种情况下的新路径名是什么？

Answer 1

区别在于相对导航和绝对导航。 "/page2" 前导斜杠 "/" 是绝对路径，其中 "page2" 是相对路径。如果当前位置有嵌套路线，"page2" 将相对于当前位置导航。

如果您从“page1”导航到“page2”，它们应该处于相同的“相对”级别，因此您可能希望使用绝对链接 "/page2" 或相对路径兄弟路径 "../page2".

Difference in the navigation (React Router v6)