“如何解决react-native的'handlePress'错误”

时间:2019-04-03 08:21:09

标签: react-native

下面是我的登录课程代码:

export default class Login extends Component {

constructor(props) {
    super(props);

    this.state = {
        loggedIn: true,
    }

    handlePress = () => {
        this.props.onHomeviewPress(this.state.data);
    }
}
render() {
    return (
        <View style={styles.container}>
            <Text style={{ color: "blue", fontSize: 28, marginLeft: 10 }}> Login</Text>
            <TextInput style={styles.input}
                underlineColorAndroid="transparent"
                placeholder="Email"
                placeholderTextColor="blue"
                autoCapitalize="none"
            />

            <TextInput style={styles.input}
                underlineColorAndroid="transparent"
                placeholder="Password"
                placeholderTextColor="blue"
                autoCapitalize="none"
            />

            <Button
                onPress={() => this.handlePress.bind(this)}
                title="Login"
            />
        </View>
    );
  }
}

手压功能存在问题,无法解决错误

  

未定义不是对象('_this2.handlepress.bind')

请帮助我解决此问题。预先感谢

1 个答案:

答案 0 :(得分:1)

您的handlePress函数在构造函数中定义。

将其移到外部即可使用

此外,您不需要绑定功能。只需onPress={this.handlePress}即可。