TIL 221001

강지훈·2022년 9월 30일
0

useRef ?

const ref = useRef(value)

{current:value}

역할

  1. 저장공간
    state의 변화 > 렌더링 > 컴포넌트 내부 변수를 초기화
    Ref의 변화 > no 렌더링 > 변수들의 값이 유지됨

화면 업데이트 -> state

Ref 렌더링이 되도 값은 유지
마운팅~ 마운팅해제 까지 같은 값 유지

Ref가 유용한 상황?
변화는 감지 but 렌더링을 발생시키면 안되는 값을 다룰 때

useRef 를 통해 DOM 요소에 직접 접근 할수 있음

로그인 페이지 자동으로 접근 ID input 창에

profile
never stop

0개의 댓글