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