React

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > React > 使用Ant Design Anchor组件的坑

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

作者:问白

这篇文章主要介绍了使用Ant Design Anchor组件的一个坑及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

现象

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

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

现象如下

所示:

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

代码中路由配置

如下:

解决

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

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

总结

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

您可能感兴趣的文章:
阅读全文