본문 바로가기

react

useRef - 랜더링하지 않고 값만 전달하거나 사용하고 싶을 때

useRef 

  // useRef : 컴포넌트에서 임시로 값을 저장하는 용도로 사용 (render X)
  const 사용할 명칭 = useRef(초기값);
  
  // 예시)
  const num = useRef(0);
  
  // 값을 사용할 땐 .current 로 사용
  num.current = 25;

 

주의점

컴포넌트가 랜더링하는동안에 읽거나 사용하지 않는게 좋다.

react 공식 매뉴얼에 나와있는 예시

 

핸들러 메소드나 중첩함수 또는 useEffect 안에서 사용하는걸 권장

react 공식 매뉴얼에 나와있는 예시