React 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

Может кто-нибудь помочь моему идентифицировать проблему?

Answer 1

В следующем коде, вы используете «это», когда вы должны использовать «я»

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

должен быть

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