react menu菜单基本用法

//用户信息的下拉菜单配置项 
<Menu onClick={this.userMenuOnClick}>
              <Menu.Item key="userInfo">
                <Link to={"/userCenter/info"}>{t(`PERSONAL_INFO`)}</Link>
              </Menu.Item>
              <Menu.Item key="changePsw">
                <Link to={"/userCenter/changepin"}>{t(`MODIFY_PSW`)}</Link>
              </Menu.Item>
              <Menu.Item key="logOut">
                <a target="_blank" rel="noopener noreferrer">
                  {t(`LOG_OUT`)}
                </a>
              </Menu.Item>
            </Menu>


  //用户信息的下拉菜单点击
  userMenuOnClick = ({ key }: any) => {
    const { token } = this.props;
    switch (key) {
      case 'userInfo':
        //用户信息
        break
      case 'changePsw':
        //修改密码
        break
      case 'logOut':
        LoginService.logout({ accessToken: token }).then(() => {
          //跳转到登录界面
          this.props.clearToken()
          this.props.clearUserId()
          this.props.clearUserInfo()
          this.props.history.push('/login')
        })

        break
    }
  }