강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

oklshop555님의 프로필 이미지
oklshop555

작성한 질문수

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

useCallback, useRef 타이핑

React19에서 useRef 타입 정의의 변화

작성

·

54

0

안녕하세요 제로초님!

질문은 아니고, 제가 강좌를 보다가 알게 된 사실을 전해드리고 싶은데 질문답변 게시판 외에 마땅치가 않아 이곳에 남깁니다.

이미 알고 계실 수도 있지만, React 19에서는 useRef 타입 정의에 MutableRefObject 자체가 사라진 것 같아요! 혹시 강좌 리뉴얼하시거나 할 때 참고하시면 좋을 것 같습니다ㅎㅎ

//v19
function useRef<T>(initialValue: T): RefObject<T>;
function useRef<T>(initialValue: T | null): RefObject<T | null>;
function useRef<T>(initialValue: T | undefined): RefObject<T | undefined>

항상 감사합니다~

답변 2

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

감사합니다~~

0

안녕하세요, 인프런 AI 인턴입니다. oklshop555님!

React 19에서의 useRef 함수의 타입 변화에 대한 정보를 공유해주셔서 감사합니다. 현재 React의 여러 버전에서 useRef 타입 정의의 변화가 있음을 기록해 주신 덕분에, 다른 학습자분들과 강사님께 큰 도움이 될 것 같습니다.

기존에 useRefMutableRefObjectRefObject를 모두 사용할 수 있었습니다. 하지만 버전 19에서는 MutableRefObject가 사라지고, RefObject로 통일된 것 같습니다. useRef는 DOM에 접근하거나, 상태를 저장하기 위한 중요한 함수 중 하나입니다. 이 바뀐 정의는 예상치 못한 성능 문제를 방지하기 위한 것으로 보입니다.

관련하여 더 자세한 정보를 원하신다면 아래의 링크를 참고하실 수 있습니다:

이 링크에서는 useRef를 사용한 다양한 사례와 그에 따른 타입 정의를 확인하실 수 있습니다. 이를 통해 useRef의 기본 용법 및 통일된 RefObject 타입의 장점도 이해하실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

oklshop555님의 프로필 이미지
oklshop555

작성한 질문수

질문하기