React Native如何在屏幕上显示用户名和密码的验证错误

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>