antd menu收缩时二级菜单不跟随的问题。

Posted 2021-02-05 unreal-feather

这是由于设置了openkey的原因。

由于业务需要设置openkey。

查看了Antd Pro的源码后发现，可以通过判断菜单在收起状态时，给Menu不设置openKeys值，这样就变为不受控组件，交给antd处理。

解决方案:

//判断菜单是否处于收缩状态设置openkey

const { openKeys } = this.state;

const defaultProps = this.props.collapsed ? {} : { openKeys };