javascript - React Native，状态项的值设置不正确

Question

    constructor(props) {
            super(props);
            this.state = {
              message: "..",
            };
    }
    render() {
      return (
          <View style={styles.container}>

            <View style={styles.textInput}>

              <TextInput onChangeText={(message) => this.setState({message})} placeholder="Enter your message..." style={styles.text}/>

              <TouchableHighlight style={styles.button} onPress={this.submit}>

                <Text ref="message" onPress={this.submit}>Submit</Text>

              </TouchableHighlight>

            </View>

          </View>
        )
    }

    loadData(){
      AlertIOS.alert(this.state.message);
    }
    componentDidMount(){
      this.loadData()
    }
    submit(){
      AlertIOS.alert(this.state.message);
    }

第一次调用loadData时，它显示message的当前值:“..”

当调用我的 submit 函数时，它会抛出错误:undefined is not an object (evaluating 'this.state.message')

我假设是我的 onChangeText 属性将消息设置为未定义，但我不确定为什么。

Answer 1

问题在于 this 在 submit() 中未正确绑定(bind)

在构造函数中，尝试添加以下行:

this.submit = this.submit.bind(this);