反应 Firebase 注销

Question

在我的 app.js 中有：

<IconButton size="small" onClick={() => firebase.auth().signOut()}>
  <ExitToAppIcon />
</IconButton>

这会使用户退出（如果我刷新页面），否则会挂起。

我收到以下控制台错误：

快照侦听器中未捕获的错误：FirebaseError：缺少权限或权限不足。

它看起来与快照相关，例如：

const useItems = () => {
  const user = firebase.auth().currentUser;
  const user1 = user.uid;
  const [items, setItems] = useState([]);
  useEffect(() => {
    const unsubscribe = firebase
      .firestore()
      .collection("gear")
      .where("User", "==", user1)
      .orderBy("Name", "asc")
      .onSnapshot(snapshot => {
        const listItems = snapshot.docs.map(doc => ({
          id: doc.id,
          Name: doc.data().Name
        }));
        setItems(listItems);
      });
  }, []);
  return items;
};

如果我有一个不使用快照的组件，它可以正常工作。如何强制用户成功退出？

Answer 1

您的安全规则似乎要求用户登录后才能读取数据库，这是一件好事。

但这意味着您需要在注销用户之前断开侦听器与数据库的连接。

<IconButton size="small" onClick={() => { unsubscribe(); firebase.auth().signOut()} }>

注意：

• 即使您不取消订阅，在您拨打firebase.auth().signOut() 后，用户仍然会退出。实际上，错误消息来自用户已注销，因此客户端不再具有读取数据的权限。
• 错误消息还会删除侦听器。所以你的原始代码和我调用unsubscribe()的代码之间的最终结果是一样的，只是调用unsubscribe()不会显示错误消息。