我使用 Material-ui 中的 Snackbar 来显示警报。我想在 5 秒后自动隐藏那个 Snackbar,但是 autoHideDuration不管用 。

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


See screenshot

请您参考如下方法:

您还必须实现 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})} 
/> 


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!