useRef 사용하는 이유

혜진 조·2022년 7월 1일
0

리액트

목록 보기
10/31
post-custom-banner

useRef 사용하는 이유

const refContainer = useRef(initialValue);

값 저장 : 현재 저장하고 싶은 값을 re-rendering없이 저장할 수 있다. (react life-cycle과 분리되어 있다고 생각하면 됨)
DOM 참조 : DOM을 참조할 수 있다. 현재 DOM에서 element의 scroll위치, image의 size 등을 참조할 수 있다.
(참고 : useState로 관리하게 되면, rendering이 계속 발생하므로 비효율적이고, 코드짜기가 어려워진다.)

https://velog.io/@devstefancho/react-scroll-event-5e1vuub9

profile
나를 믿고 한 걸음 한 걸음 내딛기! 🍏

0개의 댓글