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()

在您的构造函数中，尝试添加以下行：

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