autoHideDuration не работает в Snackbar @ material-ui - PullRequest
Новая
       48

autoHideDuration не работает в Snackbar @ material-ui

1 голос
/ 19 марта 2019

Я использовал Snackbar из Material-ui для отображения предупреждения. Я хочу скрыть эту Snackbar автоматически через 5 секунд, но autoHideDuration не работает. 

<Snackbar
  autoHideDuration={3000}
  open={true}
  ContentProps={{
    'aria-describedby': 'message-id',
  }}
  message={<span id="message-id"> Message </span>}
/>

См. Скриншот

1 Ответ

1 голос
/ 19 марта 2019

Вы также должны реализовать метод onClose компонента Snackbar, чтобы заставить работать тайм-аут.

Допустим, открытый статус Snackbar находится в состоянии вашего компонента: 

<Snackbar
  autoHideDuration={3000}
  open={this.state.open}
  ContentProps={{
    'aria-describedby': 'message-id',
  }}
  message={<span id="message-id"> Message </span>}
  onClose={() => this.setState({open: false})}
/>
...