TIL: React | react-hook-form input password check (password confirm with getValues(), watch()) - 221030

Lumpen·2022년 10월 30일
0

TIL

목록 보기
175/244
post-custom-banner

password confirm

react-hook-form 에서 비밀번호 확인을 구현할 때
validate 옵션을 주어 간단하게 가능하다

validate 옵션에는 콜백함수를 받는데
해당 콜백함수는 기본 매개변수로 현재 input의 value를 받는다

현재 value와 password input의 value를 비교하면 되는데
2가지 방법으로 값을 불러올수 있다

getValues()

useForm의 getValues 함수는
form 내부 input 들의 values를 객체 형태로 반환한다
인자로 value의 input name을 주면 해당하는 값만 반환한다

watch()

watch 는 input 영역에 대해 입력을 감시하고 해당 값을 반환한다
getValues() 와 마찬가지로 input name을 인자로주면
해당하는 input에 대한 결과만 반환한다
입력하지 않으면 전체 values를 객체 형태로 반환한다

watch() vs getValues()

watch() 는 input 의 변화를 subscribe 해서 변화에 따라
리렌더링이 일어난다

getValues() 는 form 내에 렌더링과 관계없이 value를 가져올 때에 사용

profile
떠돌이 생활을 하는. 실업자, 부랑 생활을 하는
post-custom-banner

0개의 댓글