在上一页上停止firebase流程。

Question

我正在开发一个React Native项目，我有问题。在示例主页上，我正在听使用效果中的firebase表。当我登录并转到登录页面时，主页上的firebase进程仍然有效，并且由于没有用户ID而产生错误。登录时，如何在主页上停止燃烧过程？

useEffect(() => {
  const userRef = database().ref('messages')
    .child(session.userId)
    .child(session.fbid);

  const onChildChanged = userRef.on(
    'child_changed',
    snapshot => {
      console.log(snapshot)
    },
    function (error) {
      console.log(error);
    },
  );

  return () => {
    userRef.off('child_changed', onChildChanged);
  };
}, [session.fbid, session.userId, navigation]);

[error：[数据库/权限受限]客户端没有访问所需数据的权限。]

Answer 1

在执行基于Firebase身份验证的功能之前，需要检查用户身份验证状态。

useEffect(() => {
  // Get current authenticated user
  const user = firebase.auth().currentUser;
  // Listen to data changes when user is authenticated only.
  if (user) {
    const userRef = database()
      .ref("messages")
      .child(session.userId)
      .child(session.fbid);
    const onChildChanged = userRef.on(
      "child_changed",
      (snapshot) => {
        console.log(snapshot);
      },
      function (error) {
        console.log(error);
      }
    );
  }

  return () => {
    user && userRef.off("child_changed", onChildChanged);
  };
}, [session.fbid, session.userId, navigation, user]);