| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 코드잇 스프린트 FE 1기
- components as formulas
- inferred type error
- http.createserver
- pure functions
- app.listen
- node.js(express) + ws(websocket) + react
- 리액트 19 useref
- 프리렌더링
- 리액트로 채팅 기능 구현하기
- 이미지 업로드 과정
- next.js
- trigger additional callbacks
- useimperativehandle 사용법
- 스프린트 여정 마침
- 티스토리챌린지
- express로 채팅 기능 구현하기
- 특정 dom node만 노출시키고 싶을 때
- usemutation custom hook
- dynamic metadata
- css module classNames
- useimperativehandle 사용할때
- express react
- type reference cannot be named error
- React
- 리스티웨이브
- useref 타입
- CSS module 장점
- 오블완
- 회고
Archives
- Today
- Total
목록useImperativeHandle (1)
Life is connecting the dots .
useImperativeHandle은 언제 사용할까?
최근 프로젝트를 하면서 useImperativeHandle hook에 대해 알게 되었다. 이번 포스팅은 해당 hook이 무엇인지, 언제 사용하는지, 어떻게 사용하는지에 대해 정리해 두고자 작성한다. 정의useImperativeHandle은 React Hook으로 ref로 커스텀 메소드를 만들 수 있게 해 준다. 다시 말하면, 사용자 정의 ref 핸들러를 부모 컴포넌트에서 사용할 수 있도록 노출시킬 수 있다. 사용법은 컴포넌트 최상위 레벨에서 useImperativeHandle을 호출해서 노출할 ref에 커스텀 메소드(createHandle)를 작성해 준다. // (참고) React v19// (1)import { useImperativeHandle } from 'react';// 자식 컴포넌트functi..
Programming/React
2025. 2. 27. 11:14