使用Ant Design Anchor组件的一个坑及解决
更新时间：2024年04月28日 09:42:39 作者：问白
这篇文章主要介绍了使用Ant Design Anchor组件的一个坑及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
现象
在使用Ant Design@4.21.3版本中Anchor组件时，遇到一个问题。
点击左侧菜单锚点时，页面总报错没有找到对应的路由。
现象如下
所示：
因为使用的是hash路由，所以在页面使用这Anchor组件时，就会自动的去react-router这个组件中去寻找对应的路由，而不是去页面找对应的锚点，所以就会报找不到的错误。
代码中路由配置
如下：
解决
将hash路由换成history路由即可解决
最终修复完之后效果就正常了。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
React中实现类似Vue watch的useWatch Hook,包含基础监听、立即执行、动态停止及深度比较四种方式,适用于不同场景,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧2025-07-07
这篇文章主要介绍了React中父组件如何获取子组件的值或方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
本篇文章主要介绍了react中使用swiper的具体方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要介绍了React+Router多级导航切换路由方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
react app rewrited替代品craco使用示例
这篇文章主要为大家介绍了react app rewrited替代品craco使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
函数式组件的基本意义就是,组件实际上是一个函数,不是类,下面这篇文章主要给大家介绍了关于React中函数组件的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
本篇文章主要介绍了React组件生命周期，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2021-10-10
React是用于构建用户界面的JavaScript库， 起源于Facebook的内部项目，这篇文章主要介绍了react如何快速设置文件路径别名,需要的朋友可以参考下2021-04-04
这篇文章主要为大家详细介绍了React拖拽调整大小的组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
React Native第三方平台分享的实例（Android，IOS双平台）
本篇文章主要介绍了React Native第三方平台分享的实例（Android，IOS双平台），具有一定的参考价值，有兴趣的可以了解一下2017-08-08
最新评论