# useImperativeHandle

8개의 포스트
post-thumbnail

useImperativeHandle 떠먹여드립니다.

비교적 생소한 훅일 수 있는 useImperativeHandle에 대해 알아보아요

2022년 7월 31일
·
1개의 댓글
·

[리액트] 부모 컴포넌트에서 자식 컴포넌트 함수 사용하기

useRef useRef는 .current 프로퍼티로 전달된 인자로 초기화된 변경 가능한 ref 객체를 반환합니다. 본질적으로 useRef는 .current 프로퍼티에 변경 가능한 값을 담고 있는 “상자”와 같습니다. useRef는 매번 렌더링을 할 때 동일한 re

2022년 1월 25일
·
0개의 댓글
·
post-thumbnail

[TIL] 11월 10일

forwardRef는 상위 컴포넌트에서 정의한 ref 변수를 하위 컴포넌트로 전달해주는 기법이다.

2021년 11월 15일
·
0개의 댓글
·

TIL : getBoundingClientReact, React 내장 훅, 함수형 컴포넌트

요소의 크기와 viewport에 대한 요소의 위치에 대한 정보를 제공하는 DOMRect개체를 반환한다.메모이제이션된 값을 반환한다. 첫 번째 인자로는 함수, 두 번째는 의존성 값의 배열을 전달한다.의존성이 변경되었을 때만 첫 번째 인자에 전달한 함수가 실행된다.즉, 의

2021년 5월 26일
·
0개의 댓글
·

useImperativeHandle & forwardedRef 활용하기

useImperativeHandle와 forwardedRef를 활용하면 부모 컴포넌트가 자식 컴포넌트의 함수를 호출하거나 값을 가져올 수 있다.

2021년 4월 16일
·
0개의 댓글
·
post-thumbnail

hooks 에서 ref 사용하기

hooks 에서는 ref를 사용할 수 없는데, 가능하게 해준 것이 바로 useRef 이다.그리고, 자식 컴포넌트에서 ref를 사용하기 위해선 useImperativeHandle을 사용해야 한다. 사용 예시를 보자.하고자 하는 것 : 버튼을 누르면 input 에 focu

2020년 11월 23일
·
0개의 댓글
·
post-thumbnail

react hooks(useReducer, useImperativeHandle, useLayoutEffect)

useReducer, useImperativeHandle, useLayoutEffect 훅에 대한 내용을 다룸

2020년 8월 18일
·
0개의 댓글
·

React Hooks #9 useImperativeHandle()

리액트 공식문서 - useImperativeHandle(https://ko.reactjs.org/docs/hooks-reference.html자식컴포넌트의 메서드 호출할 수 있도록 한다.forwardRef() 와 함께 사용한다.부모 컴포넌트에서 입력한 ref객

2020년 7월 13일
·
0개의 댓글
·