无法读取未定义的属性'navigation' - 本机反应

Question

我正在开发一个反应原生应用程序。在该应用程序中，当我调用以下函数时，我收到错误

无法读取未定义的属性"导航">

      handleForgotPassword = (email) => {
        firebase.auth().sendPasswordResetEmail(email)
        .then(function (user) {
          console.log("Inner");
          this.props.navigation.navigate("Login") //not working
        }).catch(function (e) {
          console.log(e)
        })
      }

但是在同一页面上，我正在使用以下代码并且它工作正常。

<TouchableOpacity onPress={() => this.props.navigation.navigate("Login")}> //but this is working
      <Image  source={require('../src/Assets/close.png')} />
      </TouchableOpacity> 

谁能告诉我有什么问题

Answer 1

匿名函数有自己的上下文(这就是为什么导航是未定义的(......但是箭头函数会自动绑定到它的父级

       firebase.auth().sendPasswordResetEmail(email)
        .then((user) =>  {
          console.log("Inner");
          this.props.navigation.navigate("Login") // Will work
        })