material-ui 当用户在应用程序区域内单击时切换左侧导航

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; 
         }
  }