Форма Redux UPDATE_SYNC_ERRORS вызывается сразу после отправки - PullRequest
Новая
       63

Форма Redux UPDATE_SYNC_ERRORS вызывается сразу после отправки

0 голосов
/ 25 ноября 2018

Я сделал форму входа с помощью формы Redux, и когда я отправляю форму, я делаю POST-запрос для подтверждения адреса электронной почты и пароля.Если комбинация неверна, я выкидываю новую SubmissionError, но эта SubmissionError немедленно удаляется вызовом UPDATE_SYNC_ERRORS по форме Redux.

Мой компонент LoginForm: 

const LoginForm = ({ error, handleSubmit, authenticateUser }) => ( 
    <form onSubmit={handleSubmit(authenticateUser)}>
        <Field 
            name="email"
            component={RenderField}
            type="email"
            label="email"
            validate={[required, minLength(3), email]}
        />
        <Field 
            name="password"
            component={RenderField}
            type="password"
            label="password"
            validate={[required]}
        />
        {error && <strong>{error}</strong>}
        <div className="login__action__container">
            <button className="login__submit" type="submit">Submit</button>
            <NavLink className="login__link" to="/register">Or register</NavLink>
        </div>
    </form>
)

Действие AuthenticateUser: 

export const authenticateUser = values => dispatch => {
return axios.post('./api/user/login', {
    email: values.email,
    password: values.password
})
.then((response) => {
     // Does stuff
})
.catch((error) => {
    throw new SubmissionError({_error: error.response.data.error})
})

Изображение, демонстрирующее состояние Redux и действия

Я исправлял ошибки в течение последних нескольких часов, но до сих пор не дал результата.Кто-нибудь с золотым наконечником?Заранее спасибо!

...