Verwenden des Status zu bestimmen, ob Feld ungültig ist

Question

Ich habe Benutzername Field, die Fehlermeldung angezeigt wird, wenn der Benutzer nicht auf dem Server nach der Unschärfe vorhanden ist. Ich kann nicht scheinen, die neuesten Requisiten für Redux-Form nach dem Rendern der Komponente abzurufen. Ich muss etwas tun, wie:

export const asyncLogin = (values, dispatch, props) => { 
    return new Promise((resolve, reject) => { 
     const errors = {}; 
     if (!values.username || _.isEmpty(props.emailVerify)) { 
      errors.username = 'Invalid username!'; 
     } 
     resolve(errors); 
    }); 
}; 

Answer 1

Ok eine alternative Möglichkeit ist api Anfrage zu senden, um den Benutzernamen zu bestätigen, da ich nicht die aktualisierten Requisiten durch asyncLogin Funktion erhalten können. Ich bin nicht sicher, ob dies der Weg sein sollte, da ich Redux-Saga-Middleware verwende, um ähnliche Aktionen zu versenden, um den Laden zu aktualisieren, deshalb versuchte ich, das Feld des Benutzernamens durch aktualisierte Requisiten zu validieren. Eine ähnliche Frage wurde zuvor Redux form - how to pass UPDATED props to validation function? veröffentlicht. Falls jemand ein ähnliches Problem hier konfrontiert ist, wie ich meine Codes strukturieren (Jeder Vorschlag, wie ich meine Codes improvisiert oder strukturieren sind willkommen):

// validations/index.js 
import * as api from '../services/api'; 

export const asyncLogin = (values) => { 
    return new Promise((resolve, reject) => { 
     api.appendDomain({username: values.username}).then(email => { 
      api.emailVerify({email}).catch(err => { 
       const errors = {}; 
       errors.username = 'Invalid username!'; 
       resolve(errors); 
      }); 
     }).catch(errors => { 
      reject(); 
     }); 
    }); 
}; 

// components/loginForm.js 
const LoginForm = (props) => (
    <div className="auth-form-content"> 
     <form> 
      <Field name="username" 
       component={UsernameField} 
       appendDomain={props.appendDomain} 
       emailVerify={props.emailVerify} 
       action={props.dispatch} 
       usernameInputVerify={true} 
       placeholder="Hark, who goes there!" /> 
      <Field name="password" component={PasswordField} placeholder="What's the password?" /> 
      <button type="submit" className="waves-effect waves-light btn-large light-blue accent-4" disabled="disabled">Beam me up, Scotty.</button> 
     </form> 
    </div> 
); 

export default reduxForm({ 
    form: 'login', 
    asyncBlurFields: ['username'], 
    asyncValidate: asyncLogin 
})(LoginForm);