웹 개발에서 살아남기

  • 홈
  • 태그
  • 방명록

forwardRef 1

React 19: forwardRef 제거 및 Ref Prop 가이드

React 19부터는 forwardRef 없이 컴포넌트에 ref를 직접 넘길 수 있습니다. 달라진 ref 전달 방식과 제네릭 컴포넌트 타이핑, 그리고 useImperativeHandle을 활용해 부모에게 커스텀 메서드를 노출하는 방법까지 한 번에 정리했습니다. 이제 forwardRef는 안녕? React 19에서 ref 다루기React로 재사용 가능한 컴포넌트를 만들 때 가장 번거로웠던 것 중 하나가 바로 ref 처리였습니다. 고작 DOM 접근 권한 하나 넘겨주자고 forwardRef로 감싸고, 디버깅용 이름(displayName)을 따로 적어주는 과정은 꽤나 비효율적이었죠.React 19에서는 이 구조가 완전히 개편되었습니다. 이제 ref도 className처럼 그냥 prop으로 넘기면 됩니다. 자식 ..

카테고리 없음 2025.11.22
이전
1
다음
더보기
프로필사진

웹 개발에서 살아남기

공부하면서 알게 된 것들, 나중에 다시 보면 좋겠다 싶은 내용들을 적어두는 공간입니다 😆

  • 분류 전체보기 (93)

Tag

프론트엔드 개발, React, javascript, Web API, Next.js, Frontend, 비동기처리, react hook form, 프론트엔드, refactoring, Ant Design, EVENT LOOP, TroubleShooting, date-fns, ShallowCopy, JavaScript 날짜 처리, approuter, useEffect, Task Queue, Typescript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바