Завдання: Створення Контрольованого Компоненту Форми
Завдання
У цьому завданні необхідно створити компонент 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порожній рядок ("").
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you explain how to use useRef to reset the input fields?
What should the form submission handler look like?
Can you show how to connect the refs to the input elements?
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порожній рядок ("").
Дякуємо за ваш відгук!