Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Створення Контрольованого Компоненту Форми | React-Хуки та Контекст для Керування Станом
React Mastery

bookЗавдання: Створення Контрольованого Компоненту Форми

Завдання

У цьому завданні необхідно створити компонент Form з двома полями введення: email та password. Мета — використати хук useRef для посилання на елементи введення та реалізації логіки обробки відправлення форми.

Інструкції

  1. Імпортувати хук useRef з бібліотеки react.
  2. Усередині компонента Form оголосити дві змінні useRef: emailRef та passwordRef, ініціалізовані значенням null.
  3. Скинути значення полів введення, встановивши їх значення у порожній рядок за допомогою змінних useRef.
  1. Для імпорту необхідного хука з бібліотеки React додати оператор import.
  2. Для цього завдання використовується хук useRef для зберігання даних без впливу на розмітку.
  3. Для вибору відповідної назви змінної для ref, обрати слово, пов'язане з ref, і додати "Ref" у кінці.
  4. Для ініціалізації ref значенням null, передати null як початкове значення у дужках хука useRef (наприклад, useRef(null)).
  5. Для скидання значення поля форми використати відповідну змінну ref і присвоїти її .current.value порожній рядок ("").

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 5

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.17

bookЗавдання: Створення Контрольованого Компоненту Форми

Свайпніть щоб показати меню

Завдання

У цьому завданні необхідно створити компонент Form з двома полями введення: email та password. Мета — використати хук useRef для посилання на елементи введення та реалізації логіки обробки відправлення форми.

Інструкції

  1. Імпортувати хук useRef з бібліотеки react.
  2. Усередині компонента Form оголосити дві змінні useRef: emailRef та passwordRef, ініціалізовані значенням null.
  3. Скинути значення полів введення, встановивши їх значення у порожній рядок за допомогою змінних useRef.
  1. Для імпорту необхідного хука з бібліотеки React додати оператор import.
  2. Для цього завдання використовується хук useRef для зберігання даних без впливу на розмітку.
  3. Для вибору відповідної назви змінної для ref, обрати слово, пов'язане з ref, і додати "Ref" у кінці.
  4. Для ініціалізації ref значенням null, передати null як початкове значення у дужках хука useRef (наприклад, useRef(null)).
  5. Для скидання значення поля форми використати відповідну змінну ref і присвоїти її .current.value порожній рядок ("").

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 5
some-alt