| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 회고
- css module classNames
- next.js
- React
- usemutation custom hook
- useimperativehandle 사용법
- 프리렌더링
- 스프린트 여정 마침
- CSS module 장점
- node.js(express) + ws(websocket) + react
- express react
- 특정 dom node만 노출시키고 싶을 때
- http.createserver
- 오블완
- useimperativehandle 사용할때
- components as formulas
- inferred type error
- pure functions
- 티스토리챌린지
- express로 채팅 기능 구현하기
- 리스티웨이브
- 이미지 업로드 과정
- trigger additional callbacks
- dynamic metadata
- 리액트 19 useref
- 코드잇 스프린트 FE 1기
- type reference cannot be named error
- 리액트로 채팅 기능 구현하기
- useref 타입
- app.listen
Archives
- Today
- Total
목록리액트 19 useref (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