Reactjs：类型错误：this.authHandler不是一个函数

Question

我有我的方法

authHandler(authData){ 

    if(!this.isMounted()) 
     return; 

    const storeRef = myDatabase.ref(this.props.storeId); 

    storeRef.once('value', (snapshot) => { 
     const data = snapshot.val() || {}; 

     if(!data.owner){ 
      storeRef.set({ 
       owner: authData.user.uid 
      }); 
     } 

     this.setState({ 
      uid: authData.user.uid, 
      owner: data.owner || authData.user.uid 
     }); 

     // localStorage.setItem(`authData-${this.props.storeId}`, JSON.stringify(authData)); 
    }); 
} 

这里是componentDidMount（）

componentDidMount(){ 

    app.auth().onAuthStateChanged(function(user, error){ 
     if(!error && this.handleErrors){ 
      this.handleErrors(error); 
      return; 
     } 

     if(user){ 
      console.log(user); 
      this.authHandler(user); 
     } 
    }); 
} 

但无论我做什么，它总是抛出：

TypeError: this.authHandler is not a function

我读了一堆类似的问题：例如 ReactJS - this.functionname is not a function

但他们都没有为我工作。

请帮忙。

Answer 1

只需使用箭头功能：

componentDidMount(){ 

    app.auth().onAuthStateChanged((user, error) => { 
     if(!error && this.handleErrors){ 
      this.handleErrors(error); 
      return; 
     } 

     if(user){ 
      console.log(user); 
      this.authHandler(user); 
     } 
    }); 
}