Вбудовані хуки React DOM

Пакет react-dom містить хуки, які підтримуються лише для веб-застосунків (які працюють у середовищі DOM браузера). Ці хуки не підтримуються у небраузерних середовищах, таких як застосунки для iOS, Android або Windows. Якщо ви шукаєте хуки, які підтримуються у веб-браузерах та інших середовищах , дивіться сторінку хуків React. На цій сторінці перелічено всі хуки з пакету react-dom.

Хуки форми

Хуки форми наразі доступні лише в каналах React canary та experimental. Дізнайтеся більше про канали релізів React тут.

Форми дозволяють створювати інтерактивні елементи керування для подання інформації. Щоб керувати формами у ваших компонентах, використовуйте один з цих хуків:

  • useFormStatus дозволяє вносити оновлення до інтерфейсу на основі стану форми a.
  • useFormState дозволяє керувати станом всередині форми.
function Form({ action }) {
  async function increment(n) {
    return n + 1;
  }
  const [count, incrementFormAction] = useFormState(increment, 0);
  return (
    <form action={action}>
      <button formAction={incrementFormAction}>Count: {count}</button>
      <Button />
    </form>
  );
}

function Button() {
  const { pending } = useFormStatus();
  return (
    <button disabled={pending} type="submit">
      Submit
    </button>
  );
}