useFormMethods

This hook allows us to use all of the methods provided by React Cool Form from a component at any level. See the Do It Yourself to learn more.

const methods = useFormMethods(formId);

formId

string

The corresponding ID of the useForm hook. We only need it when using multiple form hooks at the same time.

methods

The methods are the same as the useForm hook.

Example

The example demonstrates the basic usage of this hook.

import { useFormMethods } from "react-cool-form";
const Field = ({ as, name, onFocus, ...restProps }) => {  const { clearErrors, ...otherMethods } = useFormMethods();  const Component = as;
  return (    <Component      name={name}      onFocus={(e) => {        clearErrors(name);        if (onFocus) onFocus(e);      }}      {...restProps}    />  );};