qq_38109691
qq_38109691
2019-03-18 10:12
采纳率: 100%
浏览 4.5k

antdesign的动态菜单,点击了子菜单时,没有选中效果

使用了Ant Design,menu的数据改为从后台获取,现在子菜单点击后,没有选中;但是鼠标移入有移入事件。不知道这有没有啥问题。

render() {
    const {
      openKeys,
      theme,
      mode,
      location: { pathname },
    } = this.props;
    // if pathname can't match, use the nearest parent's key
    let selectedKeys = this.getSelectedMenuKeys(pathname);
    if (!selectedKeys.length && openKeys) {
      selectedKeys = [openKeys[openKeys.length - 1]];
    }
    let props = {};
    if (openKeys) {
      props = {
        openKeys,
      };
    }
    const { handleOpenChange, style, menuData } = this.props;
    return (
      <Menu
        key="Menu"
        mode={mode}
        theme={theme}
        onOpenChange={handleOpenChange}
        selectedKeys={selectedKeys}
        style={style}
        className={mode === 'horizontal' ? 'top-nav-menu' : ''}
        onClick={this.onClick.bind(this.className)}
        {...props}
      >
        {this.getNavMenuItems(menuData)}
      </Menu>
    );
  }
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • qq_38109691
    qq_38109691 2019-03-19 16:09
    已采纳

    经过了一天的东蒙西撞得debug,发现了问题的所在

     if (!selectedKeys.length && openKeys) {
          selectedKeys = [openKeys[openKeys.length - 1]];
        }
    

    这个判断判断条件错误,去掉“!”就成功了

    点赞 评论

相关推荐