打开侧边栏时如何禁用内容？

Question

在语义 UI 库中存在 sidebar。但在教程中，我只看到侧边栏在打开后不禁用内容的示例。我该如何执行此操作？

Answer 1

您可以像这样将 <Sidebar.Pusher> 内容包裹在禁用的调光器中：

<Sidebar.Pusher>
  <Dimmer disabled dimmed={this.state.sidebarIsVisible} as={Segment} >
   .... Your Segment content
  </Dimmer>
</Sidebar.Pusher>

您可以阅读更多相关信息here

How to disable content when sidebar is opened?