material-ui toggle leftnav, когда пользователь нажимает внутри области приложения

Question

Я использую переключатель в своем AppBar, чтобы показать LeftNav. Я могу закрыть LeftNav при повторном нажатии переключателя. Но я также хочу, чтобы поведение большинства левых навигаторов, где пользователь щелкает внутри экрана, а левое навигационное устройство выплывает. i.e щелкните в любом месте, кроме 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; 
     } 
    }