Overview

리액트에서 사용할 수 있는 검증 라이브러리가 여러 가지 존재, 그 중 외부 라이브러리와도 자유롭게 연동할 수 있는 React Hook Form에 대해 설명

React Hook Form의 기본

예제 실행 결과

• 해당 이미지처럼 전송 시 입력값을 로그 표시

useForm 함수

const { register, handleSubmit,
	formState: { errors } = useForm({
	defaultValues
});

• React Hook Form을 초기화하는 것은 useForm함수
• 훅에서는 useXxxxx 함수를 호출하는 것이 기본
• 인수 opts의 각 필드의 초깃값을 defaultValues로 설정
• 함수의 반환값으로 register, handleSubmit, formState-error 사용

useForm 함수의 주요 동작 옵션 ( 인수 opts )

useForm 함수의 반환값 ( 객체의 주요 멤버 )