单击菜单外侧时无法关闭离子菜单，我正在关注离子框架文档，他们没有使用任何其他代码来关闭

问题描述

Link to ion-menu ionic docs。 我正在使用离子反应和元素。菜单项列表映射在 IonMenu 内的 ionContent 内。 单击菜单项时，我使用 menuController.toggle() 关闭菜单。当用户在菜单外点击时，有人可以帮我关闭菜单吗？

 <IonMenu contentId="main">
      <IonContent>
        <div className="menu-list-container">
          <IonList lines="none" className="side-menu">
            {!_.isEmpty(menuList) &&
              menuList.map((item: any) => {
                return (
                  <IonRouterLink routerLink={item.link}>
                    <div
                      className="menu-items"
                      onClick={() => {
                        setMenuActive(item);
                        menuController.toggle();
                      }}
                    >
                      <span className={item.menuIcon}></span>
                      {item.menuName}
                    </div>
                  </IonRouterLink>
                );
              })}
          </IonList>
        </div>
      </IonContent>
    </IonMenu>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）