反应本机如何验证用户名和密码

Question

我想验证用户名和密码，然后我想在输入字段下方显示错误。

我已经以警报形式给出，但我需要在输入字段下方显示错误。

如果有人知道，请告诉我。

 if( uname == '' && pwd == '' || uname == '' || pwd =='' || uname =="true" && pwd == '') {
       if(uname == ''){
        alert('Username is required');
       } 
      else
        {
        alert('Password is required');
        }
      // alert('This value is required');  
    }
    else{
      alert('Invalid username/password');
    }

Answer 1

将一个<Text>元素放在<TextInput>

取一个州errorMessage并在<Text>中使用它

当您要显示错误时，将消息设置为errorMessage

未设置时null

Answer 2

我已经给出了代码来达到该问题的功能

this.state ={
error : ''
}
 const { username, password } = this.state;
      if(username == ''){
        this.setState({error:'Username is required'});
        }
        else if(password == ''){
          this.setState({error:'Password is required'});
        }
        else{     
        this.setState({error: null}) 
 }
<Text style={styles.error}>
            {this.state.error}
 </Text>