Skip to content

control

Take control of the form

</> control: Object

This object contains methods for registering components into React Hook Form.

RULES

Important: do not access any of the properties inside this object directly. It's for internal usage only.

Examples:

CodeSandbox TS
import React from "react"
import { useForm, Controller } from "react-hook-form"
import { TextField } from "@material-ui/core"


type FormInputs = {
  firstName: string
}


function App() {
  const { control, handleSubmit } = useForm<FormInputs>()
  const onSubmit = (data: FormInputs) => console.log(data)


  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <Controller
        as={TextField}
        name="firstName"
        control={control}
        defaultValue=""
      />


      <input type="submit" />
    </form>
  )
}
CodeSandbox JS
import { useForm, Controller } from "react-hook-form"


function App() {
  const { control } = useForm()


  return (
    <Controller
      render={({ field }) => <input {...field} />}
      name="firstName"
      control={control}
      defaultValue=""
    />
  )
}

Thank you for your support

If you find React Hook Form to be useful in your project, please consider to star and support it.