React-Hook-Form (1) 썸네일형 리스트형 [trouble-shooting] 제어 컴포넌트를 react-hook-form과 통합하기 react-hook-form(rhf로 중략)은 react 프로젝트에서 form을 만들 때 사용하는 대표적인 라이브러리로, 각 input의 컨트롤 과정에서 리렌더링을 최소화하고 validation이나 reset, focus 등 form에 필수적인 기능을 갖추고 있다. 이 라이브러리는 react의 제어 컴포넌트 패턴 대신, useRef와 native HTML inputs 기능에 기반한다. 반면 제어 컴포넌트는 인풋의 상태값을 state로 조절하기 때문에 두 요소 간에는 통합이 어려운데, 이 부분에 대한 해결 과정이다. 부모 컴포넌트에서 react-hook-form의 호출 및 Controller 컴포넌트 사용rhf의 공식문에 따르면, 이 라이브러리는 기본적으로 비제어 컴포넌트를 이용하지만 제어 컴포넌트에 연.. 이전 1 다음