Задержка записи закусочной в веб-сайте пользовательского интерфейса материала

Question

Я создаю веб-сайт с использованием пользовательского интерфейса материалов (реагирую) и использую снэк-бар. Я хочу отложить его появление по определенному таймеру. Как мне этого добиться?

Я пробовал это

sleep(milliseconds) {
    var start = new Date().getTime();
    for (var i = 0; i < 1e7; i++) {
      if ((new Date().getTime() - start) > milliseconds){
        break;
      }
    }
  }

handleSubmit = (newTask) => {
      this.setState({ modalOpen: false}, () => {this.sleep(5000)})
      this.setState({ snackBarOpen: true });
    } 

<Snackbar autoHideDuration={5000} className={classes.snackbar} open={this.state.snackBarOpen} anchorOrigin={{vertical: 'bottom', horizontal: 'left'}}>
     <SnackbarContent message="Task Creation Successful." />
</Snackbar>