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

现象

在使用Ant Design@4.21.3版本中Anchor组件时，遇到一个问题。

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

现象如下

所示：

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

代码中路由配置

如下：

解决

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

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

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

来源链接：https://www.jb51.net/javascript/320364fky.htm