为什么我的Firebase onAuthStateChanged()会触发多次?(反应本机)

joh*_*son 2 javascript firebase react-native firebase-authentication react-navigation

当我根据进行登录和注销时,我的firebase方法会onAuthStateChanged()触发几次。它不是应该仅在登录时触发一次,而在注销时触发一次。结果是,注销后,将触发多次导航到上一页。这是代码:firebase-authenticationconsole.log

componentDidMount() {
    fbAuth.onAuthStateChanged(user => this.loginFunc(user));
}

loginFunc(user) {
   if (user) {
     console.log('LOGGED IN');
}else {
  console.log('LOGGED OUT');
  this.props.navigation.navigate('FbLogin');
}
console.log('onAUTH LOGGED IN: ', user);
}
Run Code Online (Sandbox Code Playgroud)

这就是控制台的样子。如您所见,仅单击一次注销即可触发登录和注销。登录时,它会触发两次。

LOGGED OUT
FbLogin.js:46 onAUTH:  null
LoggedIn.js:27 LOGGED OUT
LoggedIn.js:30 onAUTH LOGGED IN:  null
FbLogin.js:44 LOGGED OUT
FbLogin.js:46 onAUTH:  null
Run Code Online (Sandbox Code Playgroud)

我的注销按钮如下所示:

<TouchableHighlight //LOGOUT
   style={{
      ...
   }}
   onPress={() => {
      fbAuth.signOut();
      this.setState({ loginState: "You are logged out" });
   }}
   >
      <Text>Logout</Text>
   </TouchableHighlight>
Run Code Online (Sandbox Code Playgroud)

Abd*_*oor 6

是的,这很正常,onAuthStateChanged会一直触发,我通过使用以下代码解决了这个问题:

  var authFlag = true;
  Firebase.onAuthStateChanged( user => {
    if(authFlag) {
      authFlag = false;
      if (user) {
        // Do something,
      }
      else {
        // Alert.alert("Auth Error")
      }
    }
  });
Run Code Online (Sandbox Code Playgroud)

  • 这个答案需要被否决。该代码不会阻止它触发,只是避免内部线路调用。注销怎么办? (2认同)