Форма входа на React TS/React Hook Form/Material UI

preview_player
Показать описание
В этом видео я показал как сделать форму на React/TypeScript с библиотекой React Hook Form и Material UI

Код для этого проекта:
Рекомендации по теме
Комментарии
Автор

Спасибо за видео! Всё очень понятно и интересно :)
Ребята, если у вас на 45 минуте возникает ошибка "Warning: MyForm is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component"

Это значит, что значения по умолчанию в инпутах нет и надо сделать так в TextField
value = { field.value || '' } вместо обычного value = { field.value }

nisunka
Автор

Спасибо за видео. Очень хорошо объясняете. Отличный контент

create-your-realities
Автор

Обьясняешь действительно хорошо, только вот за час рассказать так мало.. но пофик впринципе, зато могу в стек добавлять rhf)

Monolade
Автор

По поводу ошибки в консоле как уже сказали что можно через добавление пустой строки по умолчанию, а можно в функцию render передать field:{onChange} и уже в onChange инпута написать onChange={onChange} и убрать value.

ВикторКалантай-гр
Автор

Спасибо большое за видео! Подскажи, пожалуйста, как очистить поля формы после сабмита ?

ИолантаЖизневская
Автор

было бы круто если бы ты обьяснил про useController поподробнее.на практике не получается его реализовать .а за видос спасибо

СлавикГусев-ли
Автор

Желательно шрифт прибавить и звук, а качество отличное

create-your-realities
Автор

Привет👋, дуже класний ролик👍👍. Можеш продовжити його?
Наприклад добавити регистрацию или сервер

hackzem
Автор

Сложновато столько инфы сразу за день учитывая что кроме реакта все остальное для меня в новинку. Но когда то мне также были непонятны и реакт с редаксом. А сейчас кажется таким простым. Но время удивительная штука, она не только лечит но и дает понимание чего угодно

maga_frank
Автор

подскажи пожалуйста при регистрации есть поле confirm password, как реализовать правильно валидацию чтоб при сабмите брало значение с поля password и сравнивало с confirm password ? при регистрации все ясно а вот когда значение одного поля влияейт на валидацию второго тут тупик

СлавикГусев-ли
Автор

Это у нас не jsx элемент, это функциональный компонент, на этом и закончим

dmitrysvetlov
Автор

Классное видео! Спасибо. Макс, подскажи как сделать инпут контролируемым, что б warning не было?

aleksandrpushnov
Автор

Привет! Делаю похожу форму, хотела бы установить для поля с паролем type="password". Но ничего не происходит( Может быть кто-то в курсе в чем может быть дело

dariabannaya
Автор

Максим, здравствуйте, недавно пытался попасть на стажёра, сделал тестовое задание, на собеседовании ответил на большинство вопросов, но в итоге отказали. Наверное нужно дальше пытаться и не отпускать руки? У вас такое бывало в начале?

create-your-realities