未定义不是函数反应

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')
  })
}