목록 보기
React Hook Form
프론트엔드

React Hook Form

넥스트리
넥스트리
2023년 9월 22일

두줄요약

React Hook Form의 useForm 기본 사용법과 주요 기능을 정리했습니다. 또한 Controller, useController, useFieldArray, useFormContext 활용법도 함께 소개했습니다.

핵심 내용

  • React Hook Form의 useForm을 이용한 폼 상태 관리와 기본 사용법 정리
  • register, handleSubmit, formState로 입력값 등록, 유효성 검사, 제출 처리 흐름 설명
  • Controller, useController로 MUI 같은 제어 컴포넌트 연동 방식 소개
  • useFieldArray, useFormContext로 동적 필드와 중첩 폼 구조를 다루는 방법 공유

다음 읽기

#React Hook Form 주제를 다룬 다른 회사 글

새 배송지 추가 form 개발하기

배송지 추가 form을 만들며 상태, Context, ref, React Hook Form을 비교했습니다. 최종적으로 재렌더링과 관리 복잡도를 줄이기 위해 React Hook Form을 선택했습니다.

올리브영
올리브영
프론트엔드

댓글 0

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...