кнопки submit, как собрать данные? Прокинул handleSubmit в onChange каждого инпута, но при вводе данных он показывает только те значения что были введены в прошлых инпутах
можно песочницу
Ну на какомм нибудь инпуте можно enter нажать и сработает сабмит а прокидывать handleSbmit в input не надо все и так должно работать
Как то так
Я решил что форма у меня слишком большая если всё одним скопом писать, поэтому решил разделить на множество форм поменьше, где отдельно буду обрабатывать. А так может нажать enter, может не нажать, не хочу привязываться к тому что не факт произойдёт
Никто не работал
Ну у тебя получается что то типа мастера форм типа одни данные на 1 шаге, другие на втором, третьи на 3 и т.д. Ну и в чем проблема? для каждого шага можно сделать просто свою форму и кнопку сабмит НО вместо сабмит на кнопке, написать "далее" если данные на шаге правильно записаны, то переходишь на следующую форму (можно через роутер, а можно просто компонент другой показывать) если ошибки на данном шаге, то валидатор для текущего шага, покажет ошбики для текущего шага общее состояние формы можно хранить в родительском компоненте или может быть в СМ
Не понял )) А зачем тогда делить на отлельные формы, если все в пределах одного компонента?
Та бля, этих инпутов наберётся под штук 15-20, не хочу смотреть как компонент жиреет на глазах. + кнопка сохранить вообще в хэдере находится, то есть не внутри формы
так а сделать что предлагаешь непонятно
просто на компоненты разбить ?
Хочу с помощью onChange собирать и обрабатывать данные в каждой форме, и потом собирать их все вместе в компоненте выше и там при нажатии на кнопку в хэдере кидать на сервак
ну, типа того
а зачем тебе несколько формы, если по факту одна же
так непонятно как это с точки зрения взаимодействия с формой поможет
"собирать и обрабатывать данные в каждой форме" - что это действие означает даже не пойму, отдельные кнопки какие-то будут для подформ или что?
Подумал что форма чё то слишком гигантская в одном файле. Не знал что без кнопки onSubmit реакт хук нормально не работает
разбить на компоненты !== разбить на отдельные формы
предлагаешь пропсами кидать в отдельныt fieldset всякие регистер, а сама форма будет родительским компонентом?
Есть же FormProvider всякие
Обсуждают сегодня