reactjs - 如何在 react native 中获取 textinput 的文本？

Question

如何在 React 语法中像在 ios 中一样编写此语句:

txt1.text = label.text 

我尝试了很多但失败了。

import React, { Component } from 'react';
import { View, Text, Button, TextInput } from 'react-native';

export default class App extends Component {
state = {
TextInputValue: '',
  };

onPress = () => {
this.setState({
  //textValue.Text: TextInputValue,
  //newText: textValue
});
  };

render() {
return (
  <View style={{ paddingTop: 25 }}>

    <TextInput
      style={{ height: 40 }}
      placeholder="Type here to! Translate"
      onChangeText={TextInputValue => this.setState({ TextInputValue })}
    />
    <Button title="Change Text" onPress={this.onPress} 
    />

    <Text>
      {this.state.newText}
    </Text>
  </View>
);
}
 }

按下按钮时，我想获取 textinput 的文本并将其显示在文本(标签)上

Answer 1

两个缺失的元素:

定义 newText在状态结构中。

state = {
  TextInputValue: '', // for onChangeText handler
  newText: '', // for button onClick handler
};

实现按钮 onClick要设置的处理程序 newText状态。

onPress = () => {
  this.setState({
    newText: this.state.TextInputValue,
  });
}

见 Code Sandbox demo