reactjs - 当应用程序在前台时如何使用reactjs Web应用程序中的firebase推送通知处理click_action

Question

我想在反应网络应用程序中显示推送通知。我正在使用 firebase 推送通知服务来发送通知。我知道当应用程序不在前台时如何添加 click_action 但我想在应用程序在前台时使用 click_action 但我不知道该怎么做。我用谷歌搜索，但没有找到解决方案。

我在后台使用以下代码：

    self.addEventListener('notificationclick', function(event) {
    let url = 'my_url';
    event.notification.close();
    event.waitUntil(
        clients.matchAll({type: 'window'}).then( windowClients => {
            for (var i = 0; i < windowClients.length; i++) {
                var client = windowClients[i];
                if (client.url === url && 'focus' in client) {
                    return client.focus();
                }
            }
            if (clients.openWindow) {
                return clients.openWindow(url);
            }
        })
    );
});

标签： reactjsfirebase-cloud-messaging