リアクションsetStateが動作しない

Question

私が作成したリアクションコンポーネントに以下のコンストラクタと関数があります。

constructor() { 
    super() 
    this.state = { 
     error: false 
    } 
} 

handleSubmit(e) { 
    e.preventDefault() 
    const email = this.refs.email.value 
    const password = this.refs.password.value 
    const self = this 

    firebase.auth().signInWithEmailAndPassword(email, password).then(
     function(result) { 
      const location = self.props.location 
      if (location.state && location.state.nextPathname) { 
       self.context.router.replace(location.state.nextPathname) 
      } else { 
       self.context.router.replace("/home") 
      } 
      // User signed in! 
      console.log("User signed in!") 
    }).catch(function(error) { 
     this.setState({error: error}) // Error points to this line 
    }) 
} 

私は、コンソールで次のエラーを取得しておいてください。

Uncaught TypeError: Cannot read property 'setState' of undefined

誰もが私の問題の特定に役立つことはできますか？あなたは

catch(function(error) { 
    this.setState({error: error}) // Error points to this line 
}) 

を「自己」を使用する必要があり、次のコードでは

Answer 1

、あなたは「この」を使用は、

catch(function(error) { 
    self.setState({error: error}) // Error points to this line 
})