Antd SubMenu 收缩后被挤出 Menu 容器，如何解决？

react antd ui库 submenu 收缩后被挤出 menu 之外的解决办法

问题现象：

在 Antd UI 库中使用 SubMenu 组件时，当对子菜单进行收缩操作时，会出现子菜单被挤出 Menu 容器之外的异常现象。如图所示：

收缩前：

即将收缩完毕：

问题原因：

这是一个 Antd 库中的 bug，该问题已在官方 issues 中得到反馈，官方已修复，但尚未合并到主分支中。

解决方案：

1. 升级 Antd 库：

由于官方已修复该问题，可以等待官方发布新版本后进行升级更新。

2. 切换到 Antd 17 版本：

可以在项目中使用 Antd 17 版本，该版本中已修复 SubMenu 收缩问题。

3. GitHub 临时修复：

在 GitHub 上有临时修复该问题的代码，可以参考以下 issue 进行修复：

https://github.com/ant-design/ant-design/issues/29448
https://github.com/ant-design/ant-design/issues/30284

以上就是Antd SubMenu 收缩后被挤出 Menu 容器，如何解决？的详细内容，更多请关注www.sxiaw.com其它相关文章！