</> `clearErrors:` (name?: string | string[]) => void

이 함수는 폼의 에러를 수동으로 지울 수 있습니다.

Props

타입	설명	예시
undefined	모든 에러를 제거한다.	`clearErrors()`
string	단일 에러를 제거한다.	`clearErrors("yourDetails.firstName")`
string[]	여러 에러를 제거한다.	`clearErrors(["yourDetails.lastName"])`

undefined: 모든 에러를 초기화한다.

string: 단일 필드 또는 키 이름으로 에러를 초기화한다.

register("test.firstName", { required: true })
register("test.lastName", { required: true })
clearErrors("test") // test.firstName과 test.lastName의 에러를 모두 제거한다.
clearErrors("test.firstName") // 단일 입력 필드의 에러를 제거한다.

string[]: 주어진 필드들의 에러를 초기화한다.

규칙

이 메서드는 각 입력 필드에 연결된 유효성 검사 규칙에 영향을 주지 않는다.
이 메서드는 유효성 검사 규칙이나 isValid 폼 상태에 영향을 주지 않는다.

예제

CodeSandbox ^TS

import * as React from "react"
import { useForm } from "react-hook-form"

type FormInputs = {
  firstName: string
  lastName: string
  username: string
}

const App = () => {
  const {
    register,
    formState: { errors },
    handleSubmit,
    clearErrors,
  } = useForm<FormInputs>()

  const onSubmit = (data: FormInputs) => {
    console.log(data)
  }

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register("firstName", { required: true })} />
      <input {...register("lastName", { required: true })} />
      <input {...register("username", { required: true })} />
      <button type="button" onClick={() => clearErrors("firstName")}>
        Clear First Name Errors
      </button>
      <button
        type="button"
        onClick={() => clearErrors(["firstName", "lastName"])}
      >
        Clear First and Last Name Errors
      </button>
      <button type="button" onClick={() => clearErrors()}>
        Clear All Errors
      </button>
      <input type="submit" />
    </form>
  )
}

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

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

clearErrors

</> clearErrors: (name?: string | string[]) => void

Props

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

</> `clearErrors:` (name?: string | string[]) => void