当用户在应用程序区域内单击时，material-ui 切换 leftnav

Question

我在AppBar 中使用切换开关来显示LeftNav。再次单击切换时，我可以关闭 LeftNav。但我也想要大多数左侧导航的行为，其中用户在屏幕内单击并且左侧导航滑出。即单击 LeftNav 以外的任何位置以自动关闭。以前有人做过吗？

<LeftNav open={this.state.open} openRight="{true}">
                    <MenuItem>Menu Item</MenuItem>
                    <MenuItem>Menu Item 2</MenuItem>
</LeftNav>

Answer 1

添加 onRequestChange 处理程序：

onRequestChange={this.onLeftNavClose.bind(this)}

onLeftNavClose(flag, reason) {
         if (!flag && reason === 'clickaway') {
            this.state.open = false; 
         }
  }