# reacthookform

olosia

오늘은 ReactHookForm 을 이용하여 입력폼 템플릿 코드를 자동생성하는 기능을 소개해드립니다.

bnb8419

react-hook-form 이 나온 이유, useForm, useController, FormProvider, useFormContext

xpeed96

이 글은 React Hook Form이 무엇이고 왜 사용했는지를 정리한 글이다. 팀 프로젝트에서 Auth 구현을 맡아서 진행하던중 Form을 이용해서 로그인과 회원가입등을 만들어야 하는 상황이였다. 저번 프로젝트에서는 form 태그만을 이용해서 구현 했었는데 유효성

stackin

npm install react-hook-form 실제 앱을 개발할때, 수많은 form을 사용하게 된다. 그 form에 해당하는 state를 작성하려면 매우 귀찮은 일이 된다. 거기서 form validation까지 하게 된다면 굉장히 번거로운 일이 될 수있다. r

hyorimm

React Hook Form 과 YUP을 사용하여 훨씬 편하게 유효성 검사 구현을 해보자

bigwave-cho

npm install react-hook-form커밋 링크

hihelper

react-hook-form LinkCommit: bd36d8b966c72f0b039bb79d2824e5043e357af6

lumpenop

password confirm password confirm은 두 가지 방식으로 진행 할 수 있다

lumpenop

error는 아니고 bug지만..form 내의 input 에서 validate() 를 사용 시 handleSubmit 이 동작하지 않는 버그 발생..보니까 validate 에 작성한 함수 내부에서 삼항 연산자를사용해서 안되는 것이었다..

lumpenop

react-hook-form 의 useForm 기본 설정은 shouldFocusError 값이 true 이다onChange 와 함께 shouldFocusError: true 를 사용한다면 매 입력 시 마다 발생하는 유효성 체크 메시지가 있는 input 창으로 포커스가

lumpenop

한동안 안쓰다보니 잊고있었다input 영역의 event를 관리하기 위해서는 form 의 이벤트 핸들러를 변경해줘야 한다form에 onSubmit을 주고 왜 바로 반영 안되는지 고민했다니..최근 회사 지원자 중에도 이런 분이 계셨었는데 코드를 보고 바로 인지하지 못했었다

cksal4897

https://react-hook-form.com/ 에 들어가준다. 제어컴포넌트는 state에 저장된 것을 사용한다. 안점함. 비제어컴포넌트는 state랑은 상관없고 input만 바뀐다. 실제 필요할 때 버튼을 클릭할 때 꺼내오는 것이다. 성능이 더 빠름 하지만