单击按钮后获取输入值

Question

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

Answer 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>
  )
}

Answer 2

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

  constructor(props) {
    super(props);

    this.state = {
        data: "",
    }   

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

单击按钮后获取输入值

get value of input after button click

textinput

react-native