如何在React-Native组件的警报中显示{state}

时间:2018-09-04 19:06:47

标签: reactjs react-native state alert textinput

在测试时,我试图提醒TextInput组件的内容。代码在下面的handleSubmit()函数中(第22行)。此刻,警报弹出,但是我得到的只是“标题”,而this.state.text没有出现。我尝试了各种花括号,方括号等。

请让我知道我在做什么错以及如何在警报中访问我的状态?将来会帮助我进行测试。我是React Native的新手,非常感谢您对此提供的帮助。谢谢vm!

Sqlstring = "Select data from variable where name = 'fred' and ssn = 1234";
var cmd0 = new SqlCommand(Sqlstring, Class_Connection.cnn);
string Data = cmd0.ExecuteScalar().ToString();

1 个答案:

答案 0 :(得分:0)

我的猜测是您的问题在这里:

handleChange(event) {
  this.setState({text});
}

应该是:

handleChange(text) {
  this.setState({text});
}

您还需要将值传递给handleChange函数:

<TextInput
  placeholder={placeholder}
  style={inputStyle}
  onChangeText={(text) => this.handleChange(text)}
  value={text}
  onSubmitEditing={(text) => this.handleSubmit}
/>

<TextInput
  placeholder={placeholder}
  style={inputStyle}
  onChangeText={this.handleChange}
  value={text}
  onSubmitEditing={(text) => this.handleSubmit}
/>

现在的方式...每次更改输入文本时,您都将文本设置为undefined。这么长的话短...您正在正确地尝试在警报中打印状态值...您只是没有正确设置状态值,因此它始终是未定义的。