使用Ant Design Anchor组件的一个坑及解决
作者:问白
这篇文章主要介绍了使用Ant Design Anchor组件的一个坑及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
现象
在使用Ant Design@4.21.3版本中Anchor组件时,遇到一个问题。
点击左侧菜单锚点时,页面总报错没有找到对应的路由。
现象如下
所示:
因为使用的是hash路由,所以在页面使用这Anchor组件时,就会自动的去react-router这个组件中去寻找对应的路由,而不是去页面找对应的锚点,所以就会报找不到的错误。
代码中路由配置
如下:
解决
将hash路由换成history路由即可解决
最终修复完之后效果就正常了。
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。