当前位置: 代码网 > it编程>编程语言>Javascript > 使用Ant Design Anchor组件的一个坑及解决

使用Ant Design Anchor组件的一个坑及解决

2024年05月28日 Javascript 我要评论
现象在使用ant design@4.21.3版本中anchor组件时,遇到一个问题。点击左侧菜单锚点时,页面总报错没有找到对应的路由。现象如下所示:因为使用的是hash路由,所以在页面使用这ancho

现象

在使用ant design@4.21.3版本中anchor组件时,遇到一个问题。

点击左侧菜单锚点时,页面总报错没有找到对应的路由。

现象如下

所示:

因为使用的是hash路由,所以在页面使用这anchor组件时,就会自动的去react-router这个组件中去寻找对应的路由,而不是去页面找对应的锚点,所以就会报找不到的错误。

代码中路由配置

如下:

解决

将hash路由换成history路由即可解决

最终修复完之后效果就正常了。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com