반작용 - 네이티브 오류

Question

I 반응 네이티브에 사용자가 로그인 할 수있는 간단한 예를 다음입니다 "정의되지 않은은 (평가 '_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 
    }); 
}