Reactive rule

Last updated 2 months ago

Any validation resolver may become reactive. This means that it is being re-evaluated anytime the field prop references established in its declaration change.

Definition

type Get = (fieldPropPath: string[]) => any

Declaration

Use get function from the resolver parameters to reference other fields' props.

validation/rules.js
export default {
name: {
confirmPassword: ({ get, value }) => {
return value === get(['password', 'value'])
}
}
}

The resolver above marks confirmPassword field as valid whenever its value equals to the value of the password field. This rule is automatically re-evaluated in real time whenever the values of either fields update.

Use reactive rules when the validity of a field depends on some props of another field(s).