react-native - 单击按钮后获取输入值

Question

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

标签： react-nativetextinput

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