Validation state and methods
This hook provides a simple way to validate values against a list of validator functions. Each validator returns an error message if validation fails, or null if the value is valid.
function PollQuestionInput() {
const [question, setQuestion] = useState('');
const { error, validate, isValid } = useValidation(question, [
validators.required('Question is required'),
validators.maxLength(500, 'Question must be 500 characters or less'),
]);
const handleSubmit = () => {
if (validate()) {
submitPoll(question);
}
};
return (
<TextField
value={question}
onChange={(e) => setQuestion(e.target.value)}
error={!!error}
helperText={error}
/>
);
}
Hook for validating form inputs with customizable validators.