AutoHideDuration在Snackbar@Material-UI中不起作用 [英] autoHideDuration is not working in Snackbar @material-ui

问题描述

我使用了Material-UI中的Snackbar来显示警报。我想在5秒后自动隐藏该快照栏，但autoHideDuration不起作用。

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

See screenshot

推荐答案

您还必须实现Snackbar组件的onClose方法才能使超时生效。

假设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})}
/>

这篇关于AutoHideDuration在Snackbar@Material-UI中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！