Question

我是反应原生的新手。我正在构建一个本机应用程序，我希望将TextInput组件的内容复制到一个单独的变量中，然后查找其长度以检查用户是否输入了一些文本或不。如果用户将留下空白TextInput，将显示错误消息。

Answer 1

使用onChangeText获取输入，

export default class UselessTextInput extends Component {
   constructor(props) {
   super(props);
   this.state = { text: '' };
   }

validation = () => {
   this.state.text ? Alert.alert('','Valid') : Alert.alert('','Error');
}

render() {
   return (
     <TextInput
       onChangeText={(text) => this.setState({text})}
       value={this.state.text}
     />
     <Button onPress={() => this.validation()}>
       <Text>Validation</Text>
     </Button>
   );
 }
}

我希望可以提供帮助，:)）

Answer 2

您不需要将新值绑定到单独的变量。只需执行此操作即可。

tclTHEN

如何将TextInput值复制到单独的变量中，然后查找其长度

2 个答案: