当用户在应用程序区域内单击时，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; 
         }
  }