通知推送一个信号并做出反应

Question

您好，我想使用 One Signal 管理推送通知，但是出现以下错误

错误：enter image description here

配置：/public/OneSignalSDKUpdaterWorker.js

importScripts('https://cdn.onesignal.com/sdks/OneSignalSDKWorker.js');

配置：/public/OneSignalSDKWorker.js

importScripts('https://cdn.onesignal.com/sdks/OneSignalSDKWorker.js');

配置：screens/login.js

import OneSignal from 'react-onesignal'

useEffect(() => {
    OneSignal.push(function () {
      OneSignal.init({
        appId: '47d0c476-62ad-44c5-8e65-288e54ea9772'
      })
    })
  }, [])

Answer 1

为了让推送通知与 React 一起工作，您首先需要安装 OneSignal 制作的官方 npm 包。

在项目文件夹中，打开终端并运行以下命令来安装 React OneSignal NPM package。

npm i react-onesignal

导入 OneSignal NPM

成功安装 npm 包后，打开 App.js 文件，您将在文件顶部输入以下代码行：

import OneSignal from 'react-onesignal';

使用 OneSignal NPM

上面的代码将使 OneSignal 对象可访问，并允许您访问 OneSignal SDK 属性。 在同一个文件中，我们将创建一个 useEffect 挂钩。此挂钩将具有触发 OneSignal 所需的初始化代码。请记住将依赖项数组 [] 添加到您的 useEffect 挂钩中。 OneSignal 的 init() 方法只能调用一次，依赖数组将帮助我们避免 useEffect 多次触发 init() 方法。

useEffect(() => {
   OneSignal.init({
     appId: "YOUR-APP-ID-HERE"
   });
 }, []);

- 你可以找到工作示例here -操作指南（教程）here -视频教程here

另外，我想邀请您加入我们的 OneSIgnal 产品开发者社区。我们有一个不和谐的服务https://discord.gg/EP7gf6Uz7G

Answer 2

在 React.js 中显示 Web 通知时如何触发事件。我想在从 OneSignal 收到新的网络推送通知时更新 UI。你能分享一个例子吗？