路线相互叠加
The routes stacks up on each other
我正在使用 Material UI 并且我正在使用 Link 组件道具来定义路线。我有多条路线，例如
/home
/contact
/login
但是当我点击 /home 然后 /contact 所以它转到 /home/contact 而不是 /contact 。我该如何解决这个问题，让我的页面转到 /contact 而不是堆积在以前的路线上。
您的问题是由 link 组件 slug.
开头缺少正斜杠 (/) 引起的
您的 Link 组件应该是：
<Link to="/contact">
而不是
<Link to="contact">
假设动态 link 生成将其添加为模板文字：
<Link to={`/${someSlugVariable}`}>
在处理 partials/relative URL 时，这种行为（slug 的串联）是预期的，它以同样的方式工作，使用最后输出的锚点（<a>）。
我正在使用 Material UI 并且我正在使用 Link 组件道具来定义路线。我有多条路线，例如
/home
/contact
/login
但是当我点击 /home 然后 /contact 所以它转到 /home/contact 而不是 /contact 。我该如何解决这个问题，让我的页面转到 /contact 而不是堆积在以前的路线上。
您的问题是由 link 组件 slug.
/) 引起的
您的 Link 组件应该是：
<Link to="/contact">
而不是
<Link to="contact">
假设动态 link 生成将其添加为模板文字：
<Link to={`/${someSlugVariable}`}>
在处理 partials/relative URL 时，这种行为（slug 的串联）是预期的，它以同样的方式工作，使用最后输出的锚点（<a>）。