Завдання: Створення Контрольованого Компоненту Форми
Завдання
У цьому завданні необхідно створити компонент Form з двома полями введення: email та password. Мета — використати хук useRef для посилання на елементи введення та реалізації логіки обробки відправлення форми.
Інструкції
- Імпортувати хук
useRefз бібліотекиreact. - Усередині компонента
Formоголосити дві змінніuseRef:emailRefтаpasswordRef, ініціалізовані значеннямnull. - Скинути значення полів введення, встановивши їх значення у порожній рядок за допомогою змінних
useRef.
- Для імпорту необхідного хука з бібліотеки React додати оператор
import. - Для цього завдання використовується хук
useRefдля зберігання даних без впливу на розмітку. - Для вибору відповідної назви змінної для ref, обрати слово, пов'язане з ref, і додати "Ref" у кінці.
- Для ініціалізації ref значенням
null, передатиnullяк початкове значення у дужках хукаuseRef(наприклад,useRef(null)). - Для скидання значення поля форми використати відповідну змінну ref і присвоїти її
.current.valueпорожній рядок ("").
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 3. Розділ 5
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.17
Завдання: Створення Контрольованого Компоненту Форми
Свайпніть щоб показати меню
Завдання
У цьому завданні необхідно створити компонент Form з двома полями введення: email та password. Мета — використати хук useRef для посилання на елементи введення та реалізації логіки обробки відправлення форми.
Інструкції
- Імпортувати хук
useRefз бібліотекиreact. - Усередині компонента
Formоголосити дві змінніuseRef:emailRefтаpasswordRef, ініціалізовані значеннямnull. - Скинути значення полів введення, встановивши їх значення у порожній рядок за допомогою змінних
useRef.
- Для імпорту необхідного хука з бібліотеки React додати оператор
import. - Для цього завдання використовується хук
useRefдля зберігання даних без впливу на розмітку. - Для вибору відповідної назви змінної для ref, обрати слово, пов'язане з ref, і додати "Ref" у кінці.
- Для ініціалізації ref значенням
null, передатиnullяк початкове значення у дужках хукаuseRef(наприклад,useRef(null)). - Для скидання значення поля форми використати відповідну змінну ref і присвоїти її
.current.valueпорожній рядок ("").
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 3. Розділ 5