Зміст курсу
Опановуємо React
Опановуємо React
Челендж: Створення Компонента Форми
Завдання
У цьому завданні вам потрібно створити компонент Form
з двома полями вводу: email
та password
. Мета полягає у використанні хука useRef
для посилання на елементи вводу та обробки логіки відправки форми.
Інструкції
Імпортуйте хук
useRef
з бібліотекиreact
.Усередині компонента
Form
оголосіть дві змінніuseRef
:emailRef
таpasswordRef
, ініціалізованіnull
.Обнуліть поля введення, встановивши їх значення в порожній рядок за допомогою змінних
useRef
.
To import the necessary hook from the React library, include an
import
statement.For this task, we will utilize the
useRef
hook to store data without affecting the markup.To determine the appropriate variable name for the ref, choose a word that is associated with the ref and add "Ref" at the end.
To initialize the ref with
null
, passnull
as the initial value in the brackets of theuseRef
hook (e.g.,useRef(null)
).To reset the form input, use the appropriate ref variable and assign its
.current.value
to an empty string (""
).
Дякуємо за ваш відгук!