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

Я дал код для достижения этой функциональности вопроса

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>

Answer 2

поместите один <Text> элемент ниже <TextInput>

, выберите одно состояние errorMessage и используйте его в <Text>

, если вы хотите отобразить ошибку, установите сообщение в errorMessage

ane, когда не установлено null