hooninedev.com
React
4 posts
All
멘토링
자바스크립트
소박한궁금증
대외활동
자료구조
React
프론트엔드
DevOps
일상
useEffect의 dependency로 useRef가 들어가면!?

갑자기 작업하다가 궁금해져서 적는 첫번째 오이소박한 궁금증!! useEffect의 dependency에 useRef를 넣으면? useEffect 의 []에 의존성(dependency)를 넣을 수 있다! 이건 다 알고 있겠죠!? 그러면 리렌더링이 될 때 어느 시점에 의존성이 작동 될 까!? 긴말 말고 예시코드를 보자! 위 코드는 useRef의 current, useState의 state를 handleButtonClick 함수를 이용해서 1씩 올려주는 코드다. useEffect의 dependency에 useRef의 ref와 ref.current 의 값을 넣어보고 동작을 비교해보자~!! [ref] useRef의 ref 객체를 dependency에 직접 넣어주게 되면 useEffect가 변경사항을 감지하지 못하고 리렌더링 되지 않는다.. 하지만 값은 변경된다!!! [ref.current] 그리고 useRef의 ref.current 값 을 dependency에 직접 넣어주게 되면 use…

2024.04.19
소박한궁금증React

© Powered by hoonine