이 컴포넌트는 컨텍스트 객체를 제공하며, 컨텍스트를 사용하는 컴포넌트가 컨텍스트를 구독하고 useForm의 props와 메서드를 사용할 수 있도록 합니다.

Props

다음 테이블은 FormProvider에 적용되며, useFormContext는 인자를 받지 않습니다.

Name	Type	Description
`...props`	Object	`FormProvider`는 모든 `useForm` 메서드를 필요로 합니다.

RULES

FormProvider를 중첩해서 사용하는 것을 피하세요

Examples:

CodeSandbox ^JS

import React from "react"

import { useForm, FormProvider, useFormContext } from "react-hook-form"

export default 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() // 모든 훅 메서드를 가져옴

  return <input {...register("test")} />
}

지원해 주셔서 감사합니다

프로젝트에서 React Hook Form이 유용하다고 생각하신다면, 스타를 눌러 지원해 주시길 부탁드립니다.