728x90
반응형

🎯 useImperativeHandle은 무엇일까요?**useImperativeHandle**은 부모 컴포넌트가 자식 컴포넌트의 특정 기능을 제어할 수 있도록 만드는 도구예요.일반적으로 React에서는 부모가 자식을 제어할 때 props를 사용하잖아요?그런데 때로는 자식 컴포넌트 내부의 특정 함수나 값을 부모가 직접 호출해야 할 때가 있어요.이때 useImperativeHandle을 사용하면부모가 자식의 특정 기능만 노출해서 사용할 수 있게 돼요. 📞 비유: 리모컨과 텔레비전텔레비전을 상상해볼까요? 📺텔레비전(자식 컴포넌트) 안에는 볼륨, 채널 변경, 전원 끄기 등 다양한 기능이 있어요.그런데 **리모컨(부모 컴포넌트)**을 통해서는 볼륨 조절이나 전원 끄기 같은 특정 기능만 사용할 수 있어야 하죠..
web/react hook
2024. 12. 14. 12:05
728x90
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 베타
- dns-prefetch
- react dom
- useid
- flushsync
- react
- useformstatus
- experimental_taintobjectreference
- preconnect
- 외부폰트
- usedeferredvalue
- component
- finddomnode
- react dom hook
- useinsertioneffect
- experimental
- 최신데이터
- Nextjs
- 실험적
- 데이터유지
- experimental_taintuniquevalue
- 상태관리
- prefetchdns
- state
- 저장소
- Store
- react hook
- Props
- zustand
- useRef
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함
반응형
250x250