6-7章节封装Link组件出现BUG

首页课程实战体系课手记专栏慕课教程

6-7章节封装Link组件出现BUG

来源：6-7 【路由搭建】Link 与动态导航

weixin_慕神3292065

2021-03-20

图片描述
在URL地址上被覆盖了，相当于跳转了两次：

写回答

1回答

阿莱克斯刘

阿莱克斯刘

2021-03-21

同学你好，你可以在"history.push(to)"的参数中加上代表根目录的斜杠“/”试试看。修改代码如下：

history.push(`/${to}`)

0

1

coffee_geng

history.push(to)}> 我也出现相同的问题，改成老师说的history.push(`/${to}`)就只跳了一次。不过，改成任何不存在的路径都是只跳一次。我发现a标签已经给href赋值，这样点击后就会跳转到指定路径的页面，如果在onClick事件中再使用history.push(to)}则会再次跳转同样的页面，这样导航栈中就存在两条相同的跳转路径，所以需要2次浏览器的回退才会回到首页。不知道我的理解对不对？

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

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

2017 学习 · 1031 问题

相似问题

react父组件怎么控制子组件中的项目

回答 1

代码封装问题

回答 1

函数组件和类组件

回答 1

8-6章节的redux管理问题

回答 1

封装Link组件问题

回答 1

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