带有响应式布局的Antd菜单-单击关闭

Question

这里是codepen上具有响应布局的Antd菜单的代码，该代码取自antd documentation。

当屏幕足够窄时，将出现“汉堡”图标（用于折叠/展开菜单）。

在UX方面，单击移动设备上的“汉堡包”以折叠菜单确实令人不安。我希望用户单击后即可折叠菜单：

1. 菜单项

或/和（两种方法都可以）

1. 菜单外

所有这一切都不会损害正常的行为。

我可以基于onBreakpoint和onCollapse事件来管理状态，然后设置属性collapsed（请查看API here）。

有什么想法可以解决这个问题吗？