Хорошо, мы добавили хуки в нашу форму.
Теперь мы проводим рефакторинг без причины. Я видел демонстрацию хуков Дэна Абрамова и воссоздал его вариант кастомного хука для управления входами. Идея состоит в том, чтобы переместить value, setValue и onChange в подключенные файлы с именем useFormInput.
Итак, мы useState для значения и установщика значений и создаем handleChange функцию, и мы вернем объект с полями, названными как <input> props. Это позволяет как-то пофантазировать!
Мы создаем константы для наших полей и используем их с оператором распространения в <input>
Красиво и чисто!
