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

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

Хуки формы¶

Canary

В настоящее время хуки форм доступны только в канале React canary и экспериментальном канале. Подробнее о каналах выпуска React здесь.

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

useFormStatus позволяет вносить обновления в пользовательский интерфейс на основе статуса формы.
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>
    );
}

Источник — https://react.dev/reference/react-dom/hooks

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

Хуки формы¶

Комментарии