reactjs - 如何在将活动链接设置为另一个链接时折叠 metismenu react js 中的菜单？

Question

我的菜单结构如下：

默认页面是主页。在单击任何菜单甚至子菜单时，应突出显示该特定菜单选项。这我可以通过

<MetisMenu
        ref={(r) => { this.menu = r; }}
        activeLinkFromLocation
        classNameItemHasVisibleChild="open"
        className="menu"
        onSelected={(e) => {
          {/* e.preventDefault();console.log('onSelected', e);*/}
        }}
        content={menu1}
      />

另外我需要实现的是，默认情况下菜单 1.1 和菜单 1.2 应该折叠，但活动链接仍然应该基于页面的地址。