Javascript 在 Firebase 实时数据库中使用 off() 函数时如何解决路径未定义错误

  const listenerRefs = [];

  if (userInfo.chats) {
    Object.keys(userInfo.chats).forEach((value, index) => {
      const chatsRef = ref(getDatabase(), `/chatMetaData/${value}`);
      const listenerRef = onValue(chatsRef, (snapshot) => {
        // Data manipulation and state updates
      });
      listenerRefs.push(listenerRef);
    });
  }

  // Cleanup function to unsubscribe the listeners
  return () => {
    listenerRefs.forEach((listenerRef) => off(listenerRef));
  };

const listenerRefs = [];

if (userInfo.chats) {
  Object.keys(userInfo.chats).forEach((value, index) => {
    const chatsRef = ref(getDatabase(), `/chatMetaData/${value}`);
    const callback = (snapshot) => {};
    const unsubscribe = onValue(chatsRef, callback);
    listenerRefs.push({
      ref: chatsRef,
      callback: callback,
      unsubscribe: unsubscribe,
    });
  });
}

return () => {
  listenerRefs.forEach((listenerRef) => {
    off(listenerRef.ref, "value", listenerRef.callback);
    listenerRef.unsubscribe();
  });
};

Javascript相关问答推荐

使用jsPDF添加Image JPEG将p5.js草图画布下载为PDF

为什么我的useDispatch挂钩在这里设置不正确？

如何计算数组子级的深度- Vue.js

如何解决(不忽略)reaction详尽的linter规则，而不会在获取数据时导致无限的reender循环

在JavaScript中打开和关闭弹出窗口

在NextJS中使用计时器循环逐个打开手风琴项目？

序列查找器功能应用默认值而不是读取响应

获取加载失败：获取[.]添加时try 将文档添加到Firerestore，Nuxt 3

使用print This时， map 容器已在LeafletJS中初始化

当作为表达式调用时，如何解析方法decorator 的签名？

如何根据当前打开的BottomTab Screeb动态加载React组件？

如何在bslib nav_insert之后更改导航标签的CSS类和样式？

material UI按钮组样式props 不反射

JavaScript不重定向配置的PATH

如何在我的Next.js项目中.blob()我的图像文件？

Vaadin定制组件-保持对javascrip变量的访问

为什么云存储中的文件不能公开使用？

AJAX POST在控制器中返回空(ASP.NET MVC)

使用父标签中的Find函数查找元素

我怎样才能得到一个数组的名字在另一个数组？