Skip to content

control

폼 제어하기

</> control: Object

이 객체는 React Hook Form에 컴포넌트를 등록하기 위한 메서드를 포함합니다.

규칙

중요: 이 객체 내부의 속성에 직접 접근하지 마세요. 내부적으로만 사용됩니다.

예제:


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>
)
}
import { useForm, Controller } from "react-hook-form"
function App() {
const { control } = useForm()
return (
<Controller
render={({ field }) => <input {...field} />}
name="firstName"
control={control}
defaultValue=""
/>
)
}

여러분의 지원에 감사드립니다

React Hook Form이 프로젝트에서 유용하다면, GitHub에서 스타를 눌러 지원해 주세요.