Одна форма для управления ими всеми с помощью React, Typescript, хуков, формы реакции-хука, материального пользовательского интерфейса и Ага.
Формы являются важной частью большинства веб-приложений и основным способом ввода и отправки данных пользователями. Это означает, что он часто отображается на нескольких страницах и в разных компонентах приложения.
Формы, вероятно, будут содержать много похожих полей ввода и ожидаемого поведения в отношении проверки, проверки типа, отправки формы и обработки ошибок.
Весь этот повторяющийся код может увеличить технический долг, и для него гораздо сложнее создавать тесты.
Созданное мной решение для динамической формы упрощает повторное использование формы на разных экранах и в разных представлениях. Свойства каждой формы хранятся в массиве Object и могут быть переданы в качестве свойств в компонент настраиваемой формы.
Компонент формы использует Yup для проверки формы и response-hook-form для обработки отправки формы и обработки ошибок. Typescript используется для проверки типов, а библиотека компонентов material UI предоставляет компоненты и стили формы.
Я надеюсь это поможет тебе
Динамическая форма, проверка, проверка типа и обработка ошибок.
Поле динамического ввода
Свойства формы и создание экземпляров
Я надеюсь, что вы нашли это полезным, и спасибо за то, что прочитали. Если вам это понравилось, вы также можете насладиться некоторыми другими сообщениями в блогах и идеями, которые мы создали на !! nerdy. Новые дизайны выпускаются каждый месяц.