Web Notifications api在promise回调中不起作用

Question

我想在我的网站上显示通知气球。 我正在使用React作为前端。 当我从套接字获取消息时，我想显示通知。 所以我尝试了下面的内容。

constructor(props){
    super(props);
    // some codes.....


    var self = this;
    this.socket.on('message', function(msg){
      if (/* condition */) {
        self.makeNotification(`You have received new message`)
      }
      self.onRecievedMessage(msg);
    });
  onRecievedMessage(msg) {
    // some code to change state variable
  }
  makeNotification(message) {
      var e = new window.Notification('Alert', {
      body: message,
      icon: 'url',
      tag: 'new_message'
    });
    console.log('Notification object is', e)
  }
}

但我看不到通知。当然，我执行了

  

Notification.requestPermission（）。then（result =＆gt; {}）

获得许可，我获得了许可。

  

注意：当我在控制台通知中执行该功能时   工作。新通知（“测试标题”）