Skip to content

react-dom-utils.useformstateandfocusmanagement.md

Latest commit

 

History

History
65 lines (35 loc) · 1.61 KB

react-dom-utils.useformstateandfocusmanagement.md

File metadata and controls

65 lines (35 loc) · 1.61 KB

Home > @asl-19/react-dom-utils > useFormStateAndFocusManagement

useFormStateAndFocusManagement() function

Hook for storing FormState and manipulating focus management based on state.

Signature:

useFormStateAndFocusManagement: ({ disableFocusManagement, }?: {
    disableFocusManagement?: boolean;
}) => {
    confirmationMessageElementRef: import("react").RefObject<HTMLParagraphElement | null>;
    errorMessagesListRef: import("react").RefObject<HTMLUListElement | null>;
    formState: FormState;
    setFormState: import("react").Dispatch<import("react").SetStateAction<FormState>>;
}

Parameters

Parameter

Type

Description

{ disableFocusManagement, }

{ disableFocusManagement?: boolean; }

(Optional)

Returns:

{ confirmationMessageElementRef: import("react").RefObject<HTMLParagraphElement | null>; errorMessagesListRef: import("react").RefObject<HTMLUListElement | null>; formState: FormState; setFormState: import("react").Dispatch<import("react").SetStateAction<FormState>>; }

Remarks

The returned ref objects should be attached to the appropriate elements.