목록react-hook-form (1)
seunghyun Note
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bNAJKP/btsFK3IISkX/9LFVWmKd9BsNhbasXDdnOK/img.png)
기존에 사용했던 제어 컴포넌트들의 반복되는 코드들과 유효성 검증을 한다면 코드가 점점 길어질 것이다. react에서 컴포넌트 리랜더링이 발생하는 조건 중 하나는 state가 변했을 때이다. 폼에서는 모든 값이 state로 연결되어 있으면 하나의 값이 변할 때 마다 여러개의 자식 컴포넌트들에서 무수히 많은 리랜더링이 발생한다. (즉 불필요한 렌더링이 반복된다) react-hook-form install npm i react-hook-form useForm() 을 사용해서 회원가입 form 만들기 const { register, watch } = useForm(); useForm() 안에는 여러가지 옵션들이 있다. register : register function은 많은 요청들을 해결해주고 handler ..
스터디/REACT
2024. 3. 12. 20:05