React Antd UI 中 SubMenu 收缩时被挤出 Menu 的原因是什么？

react antd ui 中 submenu 收缩时被挤出 menu 的原因

在 React Antd UI 中，使用 SubMenu 时，在它收缩时可能会出现被挤出 Menu 的现象。此问题是因 Antd 库中存在的 bug 所导致的。

原因：

该 bug 是由于 Antd 库中负责计算 SubMenu 位置的逻辑存在问题，导致在收缩 SubMenu 时，其位置没有得到正确计算，从而导致 SubMenu 被挤出 Menu 外。

解决方法：

目前，此 bug 已在官方 issue 列表中被追踪。修复此 bug 的 Pull Request 已提交，但尚未被合并至主版本中。

以下为解决该问题的两种方法：

• 等待官方更新：官方将于后续版本的 Antd 库中修复此 bug。届时，更新 Antd 库至最新版本即可解决问题。
• 切换到 Antd v17 版本：Antd v17 版本中已修复此 bug。可以将 Antd 库降级至 v17 版本以解决问题。