Redux-form async validation, avoid using "throw"

Question

So i am using redux-form and following the example for async validation in documentation, everything is working fine but i want to avoid using throw to throw object like below

throw {email:"Already exists"}

I have tried using "SubmissionError" but when i throw SubmissionError, it adds and object called "errors" inside "asyncErrors" in redux and then errors are not displayed below field, they are displyed if i just throw it like this throw {email:"Already exists"} Below is my code using SubmissionError

import { SubmissionError } from 'redux-form/immutable';
import { doesUserExist } from '../../shared/endpoints/userEndpoint';

const asyncValidate = (values /*, dispatch */) => {
  return doesUserExist(values.get('email')).then((res) => {
    if (res.registered) {
      throw new SubmissionError({ email: 'This email is already in use.' });
    }
  });
};

export default asyncValidate;

output redux state is -

form: {
registerForm:{
 asyncErrors:{
  errors:{email: "This email is already in use."}
  }
 }
}

Can you include the actual output that you are getting after throwing SubmissionError? — theWellHopeErr
– theWellHopeErr, Commented Nov 18, 2020 at 16:07
Are you getting this output after you throw SubmissionError? Where is the string Already Exists in your code? — theWellHopeErr
– theWellHopeErr, Commented Nov 18, 2020 at 16:15

theWellHopeErr · Accepted Answer · 2020-11-18 16:56:37Z

2

The SubmissionError in redux forms will add general errors in asyncErrors object as it is given in the docs.

If it is rejected with a redux-form SubmissionError containing errors in the form { field1: 'error', field2: 'error' } then the submission errors will be added to each field (to the error prop) just like async validation errors are.

Refer here

answered Nov 18, 2020 at 16:56

theWellHopeErr

1,8821 gold badge11 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Redux-form async validation, avoid using "throw"

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related