Я пытаюсь добиться в своей схеме не совсем валидации, но сообщения для пользователя. Под полем input. У моей схемы есть следующие параметры:
const validationSchema = Yup.object().shape({
title: Yup.string()
.required("Поле обязательно для заполнения")
.max(50, "Заголовок не более 50 символов"),
});
При этом в самом компоненте я получаю кол-во введенных символов:
{...register("title", {
onChange: (e: React.ChangeEvent<HTMLInputElement>) => {
console.log(e.target.value.length);
}
})}
Моя задача выводить кол-во оставшихся символов под input пока пользователь не введет >=50 символов. При этом строго к валидации это не относится, т.к. это просто информативное поле. Могу ли я каким-то образом рассчитывать это значение в Yup? Буду благодарен вашим советам. Так как довольно сложно начинать с этой библиотекой!