const isValid = (value, limit = 25) => value.length <= limit;
<ControlledInput validationFunction={isValid} />
const ControlledInput = ({ control, name, label, validationFunction }) => (
<Controller
...
onValueChange={(val) => {
if (validationFunction(val)) {
onChange(val);
}
}}
...
/>
);
const isValid = (value, limit = 25) => value.length <= limit;
<ControlledInput validationFunction={isValid} />
const ControlledInput = ({ control, name, label, validationFunction }) => (
<Controller
...
onValueChange={(val) => {
if (validationFunction(val)) {
onChange(val);
}
}}
...
/>
);