React.js

[React.js]useRef

mm_스터디 2024. 6. 11. 09:46
728x90

 

 

새로운 Referece 객체를 생성하는 기능
변수가 컴포넌트 내부의 변수로 활용돼 특정 요소 DOM 접근 가능하고 요소 조작도 가능
값이 변하더라도 리렌더링을 유발하지 않음

 

→ 리렌더링을 하고 싶지 않은 경우엔 useRef 
    리렌더링을 하고 싶으면 useState

https://mm-study-front.tistory.com/38

 

[React.js] State

사물이 현재 가지고 있는 형태나 모양 사물에 따라 현재 상태는 다르고, 상태를 바꿀 수도 있음 리액트 컴포넌트는  State를 가지고 있음한 컴포넌트에 state를 여러 개 가지고 있을 수도 있음  

mm-study-front.tistory.com

 


useRef 선언식은 



import { useRef } from "react";

const 변수명 = useRef()

→결과값 : {current: undefined}

 

값을 주려면 useRef() 괄호 안에 넣어주면 됨

const a = useRef(0)
→결괏값 : {current: 0}

728x90