关于路由的问题

来源：6-5 【路由搭建】页面导航

阿ccciii

2021-11-12

图片描述

图片描述
老师我有一个问题，我用useRoutes()函数改写了之后，连续点击introduction按钮后，url就会在后面一直加path，这个问题有什么解决方法吗？（我是用js写的）

写回答

1回答

阿莱克斯刘

2025-01-22

这个问题通常是由于路由跳转方法没有正确使用导致的。当你使用 React Router 的 `useRoutes()` 时，需要确保导航操作正确处理，以避免路径不断叠加的问题。

解决方法
1. **使用 `Link` 组件**：
   确保使用 React Router 提供的 `Link` 组件进行导航，而不是直接修改 `window.location`。
2. **使用 `navigate` 函数**：
   如果你在组件中使用 JavaScript 导航，可以使用 `useNavigate` 钩子来进行导航

3. **确保使用绝对路径**：
   在调用 `navigate` 函数或使用 `Link` 组件时，确保传递的是绝对路径，而不是相对路径。例如，使用 `"/introduction"` 而不是 `"introduction"`。

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

1993 学习 · 1015 问题

查看课程

相似问题

路径问题

回答 1

老师您好，我看到最后也没见你把路由单独提取出来

回答 1

关于购物车页面→支付页面的实现逻辑

回答 1

关于dispatch报错的问题

回答 3

关于私有路由部分

回答 1

打开慕课网App查看更多内容