FormProvider | /deps/react-hook-form.ts | netzo@0.4.72

variable FormProvider

import { FormProvider } from "https://deno.land/x/netzo@0.4.72/deps/react-hook-form.ts";

A provider component that propagates the useForm methods to all children components via React Context API. To be used with useFormContext.

Examples

Example 1

function App() {
  const methods = useForm();
  const onSubmit = data => console.log(data);

  return (
    <FormProvider {...methods} >
      <form onSubmit={methods.handleSubmit(onSubmit)}>
        <NestedInput />
        <input type="submit" />
      </form>
    </FormProvider>
  );
}

 function NestedInput() {
  const { register } = useFormContext(); // retrieve all hook methods
  return <input {...register("test")} />;
}

<TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element