React Hook Form - Создание React формы с валидацией

Быстрое создание формы для React приложения с помощью библиотеку react-hook-form.
Мой Telegram канал
t.me/way_of_developer
Вы можете поддержать мой канал:
www.donationalerts.com/r/dmit...
donate.qiwi.com/payin/dmitrii...

[@user-hx9fu1tb9k]

Круто!
Продолжай в том же духе не сбавляя обороты. Пожалуй лучшая реакт библиотека для работы с формами.

[@YuliyaAnts]

Спасибо! Только начала изучать формы и было полезно посмотреть твой ролик

[@rustamakhmetyanov4404]

Вот бы ещё пошаговую форму увидеть с валидацией каждого шага и с переменными полями)

[@user-cu2ng7gf4k]

Дмитрий, добрый день! Подскажите, можно ли создать массив с объектами, который потом прогоняется через .map, а на выходе получаются инпуты? Как это делается обычно, например, в React с повторяющимися элементами. Или же лучше прописывать каждый input по отдельности?

[@dmitrii_gerasimov]

А в документации нет такого случая?

[@localhost666]

Попробуй создать массив с длиной равной количеству инпутов, пробежаться map и вернуть инпуты

[@rimavedeckiene2203]

❤

[@theoty-js]

Формы шлёпать удобно с ним

[@annana5814]

Когда маплю формы , и пытаюсь зарегистрировать через идентификатор, получаю ошибку тайпскрипта. 😢 как пофиксить , подскажи плииз❤

[@dmitrii_gerasimov]

О, я не знаю, надо смотреть, что за ошибка. Обычно в таких ситуациях мне очень сильно помогает ChatGPT.

[@sochilling]

Так где снаряды Герасимов

[@user-im8lo3le9q]

Можете выложить видео по использованию совместно с zod

[@dmitrii_gerasimov]

У меня нет такого опыта.

[@user-im8lo3le9q]

@@dmitrii_gerasimov Да там ничего сложного попробуйте вам понравиться

[@lesters]

подскажи как заполнить обьект с данными из формы правильно до этого я получаю данные пользователя по апи, там большой кусок но вот часть, которая мне надо
email: '',
address: {
street: '',
suite: '',
city: '',
zipcode: '',
geo: {
lng: '',
lat: '',
},
}, в этих полях есть данные с апи я их подкидывают в инпуты формы, когда показываю форму для редактирования этого пользователя но вот как обработать данные новые которые я получил с формы после редактирования, чтобы записать их в обьект для дальнейшей потом отправки с такой же вложенностью обьекта вот как для адреса например, address.geo.lng. Записать данные в первый уровень обьекта типо email не проблема, а вот как правильно заполнять данные которые вложены внутрь обьекта в обьект а иногда и по несколько раз. У меня идея это только добавить кучу проверок типо, это адресс тогда чекает на гео, если есть гео чекаем на лнг и только потом записываем, но чет мне кажеться это херня полная или может должно быть что-то что трансформирует данные в мой формат в том же редьюсере в редаксе. Не могу сообразить как надо правильно это реализовать.

[@dmitrii_gerasimov]

Вопрос про то, как правильно валидировать? Или как правильно добавить готовые данные в объект?

[@lesters]

@@dmitrii_gerasimov как добавить вот по такой структуре, как я выше написал, это такая структура мне по апи приходит

[@dmitrii_gerasimov]

1. Привести данные с сервера к объекту без вложенности (лучше создать для этого отдельный метод)
2. Создать объект со значениями по умолчанию
3. Использовать деструктуризацию объектов и создать объект с данными инициализации:
defaultValues: {
...defaultValues,
...dataFromServer,
}

[@lesters]

@@dmitrii_gerasimov а разве обьект который я буду передавать назад на сервер не должен быть такой же вложенности? как тот же адрес address.geo.lng

[@dmitrii_gerasimov]

Потом можно в методе submit его преобразовать обратно.