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

[@ТауекелАлтынбеков-о9ъ]

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

[@YuliyaAnts]

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

[@rustamakhmetyanov4404]

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

[@sochilling]

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

[@theoty-js]

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

[@OlegKhasanov-g3z]

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

[@dmitrii_gerasimov]

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

[@OlegKhasanov-g3z]

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

[@annana5814]

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

[@dmitrii_gerasimov]

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

[@АрчибальтГугенов]

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

[@dmitrii_gerasimov]

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

[@localhost666]

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

[@AmirLT-x6y]

❤

[@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 его преобразовать обратно.