#reactjs #typescript #forms
#reactjs #машинопись #формы
Вопрос:
Я пытался найти аналогичный случай в SO раньше, но, похоже, его здесь нет. Я хотел бы создать многоступенчатую форму, используя react-hook-form и context. В контексте я сохраняю свои значения из входных данных. Я понятия не имею, что я делаю неправильно, но, наконец, мое хранилище не содержит данных. Когда я нажал кнопку ОТПРАВКИ, я вижу, что значения обновлены, но недействительны.
Это моя песочница с текущим кодом.
Пользовательский интерфейс сейчас выглядит не очень хорошо, но поведение form — это то, чего я ожидаю на самом деле.
Пожалуйста, о любой помощи и объяснениях!
Комментарии:
1. Это то, что вы хотите? codesandbox.io/s/charming-brook-zhz15
2. @ManirajMurugan да, это именно то, что я ожидал. Спасибо. Я представлял себе решение по-другому, поэтому я не мог с этим справиться.
3. Никаких проблем.. Вам нужно обработать изменение в поле ввода, после чего вы сможете сохранить значения в соответствующем состоянии, и, следовательно, перемещение условия внутри функции отправки в
ionInputChangeобработчик решит вашу проблему.