语义UI React侧栏OnHide

Question

我正在使用添加了Dimmer的语义UI React中使用整页侧边栏。除Safari和iOS（iPad / iPhone）等设备外，它在所有设备上都运行良好。我遇到的问题是通常触发“ onHide”功能被调用的click事件似乎不适用于Apple。设备。如果您导航至Semantic React的文档以找到暗淡的侧边栏，则该示例也会出现：

http://react.semantic-ui.com/maximize/sidebar-example-dimmed/

及其侧边栏文档的链接：

https://react.semantic-ui.com/modules/sidebar/

产生步骤：

1. 切换变暗的侧边栏以在您的计算机/台式机（或除Safari之外的任何其他浏览器）上显示。
2. 在计算机上，单击变暗区域内的任何位置-侧栏会切换并隐藏。
3. 在iPad / iPhone（Safari）上执行此操作-单击灰色区域永远不会触发onhide事件。

我在语义UI React中缺少什么吗？在Apple设备上进入整页侧边栏的灰色区域（我的网站上没有切换按钮）单击时，是否有一种简便的方法可以触发onhide触发器？

编辑：这似乎仅适用于iPhone和iPad，而不适用于Safari。

Answer 1

尝试在Sidebar.Pusher中添加此“ closeSidebar”方法和新的onClick事件：

closeSidebar = () => {
  if (this.state.visible) {
    this.setState({ visible: false });
  }
};

<Sidebar.Pusher dimmed={visible} onClick={this.closeSidebar}>