Firebase arrête d'écouter onAuthStateChanged

Question

Depuis la version ^3.0.0, j'ai du mal à supprimer l'écouteur de changement d'état d'authentification.

Pour démarrer le listener selon la documentation :

firebase.auth().onAuthStateChanged(function (user) {
    // handle it
});

Cependant, je ne trouve nulle part dans la documentation une référence à un écouteur de changement d'état d'authentification. Il existe une fonction particulière dans la classe Firebase.Auth appelée removeAuthTokenListener . Malheureusement, il n'est pas documenté ( référence à la documentation de firebase ).

Via la console web de votre navigateur.

var auth = firebase.auth();
auth.removeAuthTokenListener;

imprime une définition de fonction qui prend un paramètre. J'ai essayé de faire ce qui suit :

this.authListener = firebase.auth().onAuthStateChanged(function (user) {...});
firebase.auth().removeAuthTokenListener(this.authListener);

mais ça n'a rien donné.

Answer 1

Según la documentation le onAuthStateChanged() les fonctions de retour

La fonction de désabonnement de l'observateur.

Donc tu peux juste :

var unsubscribe = firebase.auth().onAuthStateChanged(function (user) {
    // handle it
});

Et puis :

unsubscribe();

Answer 2

Frank van Puffelen a déjà très bien répondu à cette question, mais voici mon cas d'utilisation pour les composants React qui reçoivent des données utilisateur. Ces composants doivent se désabonner lorsque le composant est démonté ou il y aura une fuite de mémoire pour chacun de ces composants.

React.useEffect(() => {
  let unsubscribe;
  const getUser = async () => {
    unsubscribe = await firebase.checkUserAuth(user => setUser(user));
  };
  getUser();
  return function cleanup() {
    unsubscribe();
  };
}, []);