[새싹 프론트엔드] React - useRef와 current?

궁금증

예제에서 새로운 것을 발견 했다. useRef.
우리가 이번에 배운 것은 useState인데, useState와 사용법이 달랐다.
useState는 값이 할당되는 변수와 그 변수를 수정할 수 있는 함수, 그렇게 총 두 개를 선언하고, 초기값을 usestate로 할당해준다. 그리고 수정 시에는 수정함수에 매개변수로 수정되길 원하는 값을 넘겨준다.
하지만 useRef는 달랐다.

 

1. 우선 이렇게 선언을 해주면, (초기값 4를 nextId에 할당하겠단 뜻)

 const nextId = useRef(4);

2. 이런 식으로 접근해 값을 변경 하더라. (초기값에 +1 해주겠단 뜻)

    nextId.current += 1;

대체 저 current가 뭐고 useRef와 어떤 상관관계인가 궁금해 검색을 해 보았다.

---

검색 결과

리액트 공식 홈페이지 문서를 읽다 불필요한 내용이 많아 시간을 아끼기 위해 궁금했던 바로 그 부분만 다시 검색 해 보았다.

---

아하

그냥 저렇게 써주면 될 것 같다.
useRef를 실행시키면 알아서 객체가 생성되는데 그 중 current 라는 속성에 알아서 값이 들어간다 한다.
(이벤트 정보 받아올 때랑 비슷한 이치인듯 하다.)

오늘도 친절한 구글님께 배워간다.
자료제공 해주신 선지자 분들 언제나 감사!

---

 

새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 7주차 블로그 포스팅