이재호

ref란 본문

프론트엔드/리액트

ref란

호재이 2023. 3. 18. 16:05

ref란 reference 의 약자로 참조라는 뜻을 가지고 있다.
ref는 아주 강력한 도구로 기본적인 기능으로는 다른 DOM에 접근하여 그것들로 작업을 할수 있습니다.
ref는 함수 컴포넌트 안에서만 사용이 가능하며 ref 프롭은 key 프롭과 마찬가지로 내장 프롭입니다.
따라서 어떤 HTML요소도 넣을수 있습니다.
ref값은 항상 객체입니다, 항상 current 프롭을 가지고 있습니다, current 프롭은 ref가 연결된 실제 값을 갖습니다
실제로 이렇게 ref와 연결된 값은 실제 DOM NODE 이며 여러가지 작업을 만지고 조작할수 있습니다.
그러나 DOM을 조작하기 위해 Ref를 사용하는일은 정말 드문일입니다.
만약 값만 바꾸고 아무것도 바꿀일이 없다면 Ref를 사용하는것도 하나의 방법입니다
보통은 state로 관리하는것이 좋습니다.

'프론트엔드 > 리액트' 카테고리의 다른 글

useEffect와 class 생명주기  (1) 2023.03.23
useMemo 와 useCallback  (0) 2023.03.23
훅 패밀리  (0) 2023.03.07
클래스형 컴포넌트와 함수형 컴포넌트  (0) 2023.03.05
json-server ERR_CONNECTION_REFUSED 오류해결  (0) 2022.12.05