リアクト - ネイティブエラーが

Question

「未定義のオブジェクト（ 『_this2.onLoginSuccess.bind』を評価する）ではありません」私は反応するネイティブの中でユーザーをログに記録するには、簡単な例を以下しています。私は

ことを処理するために、次のコードを追加しました

onButtonPress() { 
    const { email, password } = this.state; 
    this.setState({ error: '', loading: true }); 

    firebase.auth().signInWithEmailAndPassword(email, password) 
    .then(this.onLoginSuccess.bind(this)) 
    .catch(() => { 
     firebase.auth().createUserWithEmailAndPassword(email, password) 
     .then(this.onLoginSucess.bind(this)) 
     .catch(this.onLoginFail.bind(this)); 
    }); 
} 

onLoginSuccess() { 
    this.setState({ 
     email: '', 
     password: '', 
     loading: false, 
     error: '' 
    }); 
} 

onLoginFail() { 
    this.setState({ 
     error: 'Authentication Failed', 
     loading: false 
    }); 
} 

が、私は私が反応し、ネイティブのは非常に新しいです"undefined is not an object (evaluating '_this2.onLoginSuccess.bind')」

エラーを取得し、そう説明してください。

Answer 1

年間の問題は、私はメソッドの名前をスペルが間違っていることです。代わりにonLoginSuccess、私はそれをonLoginSucessと呼んだ

Answer 2

bind()のように複数回はできません。代わりにbind()には、匿名機能でのみ動作します。

代わりにこれを行います。私が持っていた

constructor(props) { 
    super(props); 

    this.onLoginSuccess = this.onLoginSuccess.bind(this); 
    this.onLoginFailed = this.onLoginFailed.bind(this); 
} 

onButtonPress() { 
    const { email, password } = this.state; 
    this.setState({ error: '', loading: true }); 

    firebase.auth().signInWithEmailAndPassword(email, password) 
    .then(this.onLoginSuccess) 
    .catch(() => { 
     firebase.auth().createUserWithEmailAndPassword(email, password) 
     .then(this.onLoginSucess) 
     .catch(this.onLoginFail); 
    }); 
} 

onLoginSuccess() { 
    this.setState({ 
     email: '', 
     password: '', 
     loading: false, 
     error: '' 
    }); 
} 

onLoginFail() { 
    this.setState({ 
     error: 'Authentication Failed', 
     loading: false 
    }); 
} 

Answer 3

onButtonPress() { 
    const { email, password } = this.state; 
    this.setState({ error: '', loading: true }); 

    firebase.auth().signInWithEmailAndPassword(email, password) 
    .then(this.onLoginSuccess.bind(this)) 
    .catch(() => { 
     firebase.auth().createUserWithEmailAndPassword(email, password) 
     .then(this.onLoginSucess.bind(this)) 
     .catch(this.onLoginFail.bind(this)); 
    }); 
} 

onLoginSuccess =() => { 
    this.setState({ 
     email: '', 
     password: '', 
     loading: false, 
     error: '' 
    }); 
} 

onLoginFail =() => { 
    this.setState({ 
     error: 'Authentication Failed', 
     loading: false 
    }); 
}