Component Props within validator

[vinayrajp]

Hello Jeremy,
Thanks for creating revalidate. I really love how the validators can be combined and reused. Keep up the good work.
This is more of a question than an issue. Redux-form's validate function is as follows:
validate : (values:Object, props:Object) => errors:Object [optional]
My question is about the second argument props which can be utilized if the component's props are needed within validation. How can the component props be passed to createValidator/composeValidator/combineValidators, so that it can be used in validation? Is this even possible?

Thanks once again.
Vinay.

[jfairbank]

Hi, @vinayrajp!

There isn't a built-in way to access the component props. However, you could wrap your validate function with another function and then merge the values and props into one object that you pass in to your validate function. I believe that should work.

const validator = combineValidators({/* validation definition */});

function validate(values, props) {
  return validator({ ...values, ...props });
}

If you want to keep values and props separate, then you could pass them in as sub objects. You would then define your validate function in the terms of that.

const validator = combineValidators({
  'props.name': isRequired('Name Prop'),
  'values.age': isRequired('Age Value'),
});

function validate(values, props) {
  return validator({ values, props });
}

Does that help?

[jfairbank]

Closing due to inactivity. If the suggested example doesn't/didn't help, please let me know.

[ayoola-solomon]

@jfairbank can you please provide more examples... Thanks