@setupx
Go & TS developer

Zod: Валидация select?

В общем появилась "проблема" в валидации кастомного компонента select.

Дело в том, что input получается валидировать вот так и все прекрасно работает:
code

<FormInput
                        label="Напишите"
                        helper={errors.test?.message}
                        status={errors.test ? "error" : "default"}
                    >
                        <Input
                            {...register("test")}
                        />
                    </FormInput>



то есть я зарегистрировал строку к данному input и все валидируется, без создания дополнительных переменных, в которых я бы хранил значение и далее работал с ним.
code

const onSubmitData = (data: FormData) => {
        console.log("data", data);
    };



и данные легко получаются и все прекрасно. Но именно с кастомным селектом так не получается:
code

<Select
                        options={options}
                        placeholder="1"
                        {...register("category")}
                    />



он у меня реализован чисто на div и не работает. На стандартных работает. Я пробовал создавать select невидимым и присваивать ему значение, но так тоже не работает

Вопрос: Можно ли как-то реализовать валидацию без onChange?
  • Вопрос задан
  • 65 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы