</> `FormStateSubscribe:` Component

useFormState와 동일한 기능을 컴포넌트 형태로 제공하는 React Hook Form 컴포넌트입니다. 다른 컴포넌트 내부에서 훅을 사용하는 대신, <FormStateSubscribe />를 JSX에서 직접 사용하여 폼 상태를 구독하고 렌더링할 수 있습니다.

Props

Name	Type	Description
`control`	Object	`useForm`에서 제공하는 `control` 객체입니다. `FormProvider`를 사용하는 경우 선택 사항입니다.
`name`	string \| string[]	단일 인풋 이름, 인풋 이름 배열을 제공하거나, 모든 인풋의 formState 업데이트를 구독합니다.
`disabled`	boolean = false	구독을 비활성화하는 옵션입니다.
`exact`	boolean = false	이 속성은 인풋 이름 구독에 대해 정확한 일치를 활성화합니다.
`render`	Function	지정된 폼 필드의 폼 상태를 구독하고, 폼 상태가 변경될 때마다 자식 함수를 리렌더링합니다. 이를 통해 상태를 수동으로 연결하지 않고도 JSX에서 선언적으로 폼 상태를 사용할 수 있습니다.

Examples:

import { useForm, FormStateSubscribe } from "react-hook-form"

const App = () => {
  const { register, control } = useForm()

  return (
    <div>
      <form>
        <input {...register("foo", { min: 3 })} />
        <input {...register("bar")} />
        {/* `foo`의 폼 상태가 변경될 때만 리렌더링 */}
        <FormStateSubscribe
          control={control}
          name="foo"
          render={({ errors }) => <span>{errors.foo?.message}</span>}
        />
      </form>
    </div>
  )
}

지원해 주셔서 감사합니다

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

FormStateSubscribe

</> FormStateSubscribe: Component

Props

지원해 주셔서 감사합니다

</> `FormStateSubscribe:` Component