kokoball의 devlog
article thumbnail
[Why? 시리즈] 3장 - 왜 React Hook Form은 리렌더링을 발생시키지 않을까?
WEB/Why? 시리즈 2024. 8. 9. 15:55

이번 글은 리액트에서 폼 관련 라이브러리 중 가장 많은 사랑을 받고 있는 React Hook Form의 동작 원리에 대해서 알아보려고 합니다. 우선 Form Tag Elements를 알아보면서, 신뢰 가능한 단일 출처에 대해 알아보고, 리액트에서 폼을 다루는 방법과 React Hook Form의 동작원리 및 제어 컴포넌트와 비제어 컴포넌트의 차이점을 알아보도록 하겠습니다.   Form Tag Elements대표적인 Form Tag Elements는 input, textarea, select 이렇게 3가지로 볼 수 있습니다.아래 예시를 확인해 보면 Form Tag에 submit 이벤트를 감지하여 각각의 tag의 value Attribute에 접근하고 있습니다. // 코드 예시 1const form = d..

728x90