當用戶在應用程序區域內單擊時，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; 
         }
  }