React-hook-form с material-ui не показывает ошибок из правил

Я новичок в использовании формы реакции-крючка, и после многих исследований я все еще не могу понять, что я делаю неправильно. Я сделал песочницу, в которой у меня есть простой входной номер.

Как я хочу, чтобы моя форма вела себя: я хочу, чтобы отображалось значение по умолчанию (16), и я хочу, чтобы ошибки под входными данными отображались, когда число не соответствует данным правилам (когда число не между 16-99).

Может кто-нибудь помочь мне понять? Я схожу с ума! : s

Вот ссылка на песочницу: https://codesandbox.io/s/crazy-northcutt-8wt6p?file=/src/App.tsx


reactjs material-ui react-hook-form
person davidlagace    schedule 18.01.2021    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Измените значение TextField на значение параметра рендеринга. Также добавьте кнопку отправки, чтобы проверка работала.

Я раздвоил ваш код для получения подробного кода https://codesandbox.io/s/heuristic-fire-eroqv

person Teguh Suryo Santoso    schedule 18.01.2021
comment
Спасибо, это сработало! Что касается события onChange, вы меня поняли, когда предложили добавить кнопку отправки, которую моя форма проверяла при отправке, поведение по умолчанию для response-hook-form. Чтобы изменить это на обработчик событий onchange, я просто обновил объект de defaultValues ​​до mode: :onChange" в инициализации useForm ()! - person davidlagace; 18.01.2021