单击按钮后获取输入值

【问题标题】：get value of input after button click单击按钮后获取输入值
【发布时间】：2018-09-13 07:15:50
【问题描述】：

我试图在单击按钮后获取输入值。我在互联网上找到了一些东西，但我仍然没有成功。我知道这与 setState 有关。但我不知道如何在我的代码中应用它。有人可以帮帮我吗？

【问题讨论】：

【解决方案1】：

你可以这样做：

constructor(props) {
  super(props);
  this.state = {
    value: ''
  }
}
onChangeText = (value) => {
  this.setState({ value });
}

onPress = () => {
  alert(this.state.value);
};

render() {
  return (
    <View>
      <TextInput
        onChangeText={this.onChangeText}
        value={this.state.value}
      />
      <Button
        onPress={this.onPress}
        title="Click"
      />
    </View>
  )
}

【讨论】：

当我使用您的代码时，我收到以下错误：“找不到变量：值”

【解决方案2】：

使用此代码：（这里不需要按钮将输入保存在状态，它会自动将数据保存在状态）

  constructor(props) {
    super(props);

    this.state = {
        data: "",
    }   

<TextInput onChangeText={(text)=>{this.setState({data: text})}} />

【讨论】：