undefined不是一個函數React-native

Question

<TouchableOpacity onPress={() => this.login.bind(this).then(( )=> {this.navigate("Sikayet")})}  style={styles.button}>
    <Text style={styles.buttonText}>GİRİŞ</Text>
</TouchableOpacity>

單擊時會出現此錯誤。 我該怎么辦？

Answer 1

嘗試使用此代替：

<TouchableOpacity
  onPress={() => {
    this.login().then(() => {
      this.navigate("Sikayet")
    })
  }}
  style={styles.button}>
  <Text style={styles.buttonText}>GİRİŞ</Text>
</TouchableOpacity>

另外，要在login功能內進行一些清理，請注意其中的導航部分，如下所示：

// in render function:
<TouchableOpacity
  onPress={this.login.bind(this)}
  style={styles.button}>
  <Text style={styles.buttonText}>GİRİŞ</Text>
</TouchableOpacity>

// in login function:
login() {
  otherFunction(email, password).then(() => {
    this.navigate("Sikayet")
  }).catch(error => {
    // invalid login credentials
    alert('Invalid email and password')
  })
}