antd menu收缩时二级菜单不跟随 & antd 左侧栏收缩时,文字没有消失的情况

在render函数中,加入

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

并且将 openKeys 替换成 { …defaultProps } 展开defaultProps

<Menu 
   theme="dark"
   mode="inline"
   defaultSelectedKeys={[this.state.lsMenu[0].children[0].label]}
   defaultOpenKeys={[this.state.lsMenu[0].label]}
   // openKeys={this.state.openKeys},取消实际写的openKeys
   onOpenChange={this.onOpenChange}
   {...defaultProps}
>

另外,还有一个点击,缩小左侧栏的时候,这个并不是坑,纯粹就是自己沙雕了…

<SubMenu 
	key = { arr.label }
    title={
          <span>
               <span>{ arr.label }</span>
          </span>
     }
>

注意 SubMenu 里面的 title 是 span 包含着 span 才有效.这个真的是心塞