Reaction Native+Firebase 9,不能使用off()引用取消订阅onValue更改

人气:458 发布:2022-10-16 标签: firebase reactjs firebase-realtime-database expo

问题描述

Firebase 9,实时数据库/EXPO原生反应。

问题:我无法取消订阅Firebase RTD onChange事件侦听器。

文档说明:在父监听程序上调用off()不会自动删除在其子节点上注册的监听程序;还必须对子监听程序调用off()才能删除回调。 Firebase docs

错误:当我尝试对引用使用.off时,得到reference.off() is not a function

const db = getDatabase();
const reference = ref(db, "users/" + props.userId);

const updateScore = (snapshot) => {
  if (snapshot.val() !== null) setHighScore(highscore);
};

useEffect(() => {
  if (props.userId === "") props.navigation.navigate("Auth");
  else onValue(reference, updateScore);
  
  // throws error reference.off() is not a function
  return () => reference.off();
}, [props.userId]);

我也尝试过reference.unsubscribe()reference.removeEventListener(updateScore),但没有成功。它们都会触发相同的错误reference.**** is not a function

在不清除此事件侦听器的情况下,我的应用程序中存在内存泄漏。

推荐答案

对于v9,当您调用onValue时,它会返回一个取消订阅函数,如reference docs for onValue所示。因此要取消订阅:

useEffect(() => {
  if (props.userId === "") props.navigation.navigate("Auth");
  else return onValue(reference, updateScore);
}, [props.userId]);

473