Встроенные хуки React DOM

В пакете react-dom содержатся хуки, которые поддерживаются только для веб-приложений (работающих в среде браузера DOM). Эти хуки не поддерживаются в средах, отличных от браузера, таких как приложения для iOS, Android или Windows. Если вы ищете хуки, которые поддерживаются как в веб-браузерах, так и в других средах, см. страницу хуков React. На этой странице перечислены все хуки в пакете react-dom.

Хуки для форм

Кандидатная версия

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

Формы позволяют создавать интерактивные элементы управления для отправки информации. Для управления формами в ваших компонентах используйте один из этих хуков:

useFormStatus позволяет выполнять обновления пользовательского интерфейса на основе статуса формы.

function Form({ action }) {
  async function increment(n) {
    return n + 1;
  }
  const [count, incrementFormAction] = useActionState(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>
  );
}

© 2013–present Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://18.react.dev/reference/react-dom/hooks