useImperativeHandle (1) 썸네일형 리스트형 [trouble-shooting]ref를 사용하는 컴포넌트에 라이브러리의 ref를 결합하기[useImperativeHandle] 문제상황회사 프로젝트에서 사용할 공용 컴포넌트를 만들고 있었다.checkbox 였는데, 내부적으로 ref를 만들고 input에 연결해서 dom 조작을 하는 기능을 넣어야 했다.한편 프로젝트 내 여러 페이지에 form에 사용해야 해서 react-hook-form 라이브러리를 도입하였는데, 이 라이브러리는 register 혹은 Controller라는 훅을 사용하여서 해당 함수가 반환하는 onChange, ref, name 등을 input에다가 연결해줘야 했다.form에서 checkbox컴포넌트를 쓰기 위해서는 라이브러리 훅의 ref를 컴포넌트 내부의 input에 연결해줘야 했는데, 이미 이 input에는 컴포넌트 내부의 ref가 할당되어 있었다. 컴포넌트 구조 상, 내부에서 할당한 ref를 교체할 수도 없.. 이전 1 다음