反应本机,错误地设置状态中的项目值
React Native, setting value of item in state incorrectly
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
时,它显示消息的当前值:".."
当我的submit
函数被调用时,它会抛出一个错误:undefined is not an object (evaluating 'this.state.message')
我假设是我的onChangeText属性将消息设置为未定义,但我不确定为什么。
问题是this
在submit()
中没有正确绑定
在构造函数中,尝试添加以下行:
this.submit = this.submit.bind(this);
相关文章:
- 正在将数据主题添加到所有项目
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 事件和状态
- 如何检查管道中未定义的项目
- 有没有一种方法可以添加相同的项目val=“0”;4〃;到JavaScript中数组的每个对象
- 学生搜索项目jquery/javascript
- 如何获取不属于我项目的上一页的URL
- 获取选择框的状态
- 如何从状态数组中删除项目
- 在AngularJS中切换编辑状态并更改项目'单击另一个函数
- 在 ReactJs 状态上将项目添加到数组中,并超时以进行自我删除
- 如何使用 slideT切换开关时让打开的项目保持打开状态
- 反应本机,错误地设置状态中的项目值
- 当目标处于顶部滚动状态时,如何从菜单中激活项目
- 如何在索引视图中的Ruby on Rails中使用JavaScript切换项目的状态
- 将活动状态添加到jCarousel Lite中的第一个项目
- RESTful ajax-该HTTP状态代码用于“;项目未找到”;
- 在AngularJS中,如何在删除一个项目后重新加载状态
- 如何计算重复项目的计数以及那里的状态
- 当弹出框处于活动状态时,如何在离子中与背景中的项目进行交互