useRef를 사용하면서

모크장·2024년 1월 11일
post-thumbnail

state만 사용하다가 useRef를 사용했다.
차이가 있다면 리렌더링 되지 않으면서 변수값은 저장된다는 것이다.

사용방법은 dom에서 Ref를 사용할 태그에 ref={}를 삽입하여 사용한다.

모달을 만들면서 className modal에 ref를 적용시켰다.
useModalOff라는 커스텀훅을 사용하면서 .current 내부를 클릭하거나 터치하면 handler()가 작동하지 않지만 외부일 경우 모달이 사라지도록 적용했다.

profile
시작하는 개발자

0개의 댓글