在React native中获取TextInput值和复选框状态

Question

我想检索用户名和密码的输入值以及复选框状态。 我在Stackoverflow上发现了这个相关问题。 但是当尝试实现这个错误

'null'不是对象（评估'this.state.username'）

谁能帮我检索输入值和复选框状态，因为我是React-native的新手

码：

var CheckBox = require('react-native-checkbox');
var Button = require('react-native-button');

var reactnative = React.createClass({

render: function() {
 return (
  <View style={styles.container}>

    <Text style={styles.signin}>Sign In</Text>

    <TextInput style={styles.logininput} ref= "username" onChangeText={(event) => this.setState({username:event.nativeEvent.text})} value={this.state.username}/>

    <TextInput style={styles.logininput} value="Password"/>

    <CheckBox label='Remeber Me' checked = {false} onClick={this._CheckBoxState}/>

    <Button style={styles.loginButton} onPress={this._handlePress.bind(this)}>
        Login
    </Button>

  </View>
  );
 },

 _handlePress(event) {
   //Get TextInput value
    var username= this.state.username;
    alert(username);
  },

 _CheckBoxState(event){
  //want to change the state from true to false or vice-versa

  }
});

Answer 1

您可能错过了渲染前初始化初始状态函数的过程。

 ...
 getInitialState: function() {
    return {username: ''};
 },
 render: function() {
  ....
 }

现在this.state.username应该可以访问了。