일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- useState
- vscode
- reactDOM
- reactPortals
- hoisting
- ConnectBy
- 비제어컴포넌트
- useReducer
- 드림코딩
- flexbox
- eventloop
- React
- 변수타입
- mysql
- 제어컴포넌트
- useEffect
- BIND
- js
- SQL
- MariaDB
- virtualDOM
- 리액트작동원리
- ForwardRefs
- useImperativeHandle
- 재귀함수
- useContext
- 프로그래머스
- CSS
- realDOM
- useCallback
Archives
- Today
- Total
목록ForwardRefs (1)
SOOM_BLOG [숨숨 블로그]
useImperativeHandle
useImperativeHandle? useImperativeHandle은 ref를 사용할 때 부모 컴포넌트에 노출되는 인스턴스 값을 사용자화(customizes) 한다. useImperativeHandle는 forwardRef와 함께 사용한다. useImperativeHandle(ref, createHandle, [deps]) ref : 프로퍼티를 부여할 ref. createHandle : 객체를 리턴하는 함수. 해당 객체에 추가하고 싶은 프로퍼티를 정의하면 됨. 예제) 부모 컴포넌트 import React, { useState, useRef } from 'react'; import Input from '../UI/Input/Input'; const ParentCompo = (props) => { co..
TIL/react
2022. 2. 10. 15:58