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

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

Хуки форм

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

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://react.dev/reference/react-dom/hooks