일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 코린이
- React Native
- JavaScript
- 코딩기초
- 자바스크립트
- async
- CSS
- 프론트엔드
- html기초
- 비동기
- 타입스크립트
- Vue3
- 참조자료형
- TypeScript
- 깃
- http
- 코딩공부
- SasS
- react-router
- 사용하는 이유
- useEffect
- 리액트
- 코딩독학
- 리액트 네이티브
- redux
- scss
- 코딩초보
- git
- 리덕스
- react
Archives
- Today
- Total
목록useImperativeHandle (1)
맨 땅에 프론트엔드 개발자 되기
React 부모 컴포넌트에서 자식 컴포넌트 함수 호출하기 - useImperativeHandle
React 에서 props 의 개념에 대해 익숙해졌다면, 부모 컴포넌트의 state 와 함수를 가져다 쓰는 것이 어렵지 않을 것이다. 그러나 만약 자식 컴포넌트의 함수를 부모 컴포넌트에서 사용해야 한다면 어떻게 할까? 자식 컴포넌트의 함수를 부모 컴포넌트로 옮기거나, 자식 컴포넌트와 부모 컴포넌트 최상단에 함수를 선언하거나, 커스텀 Hook 을 만들 수도 있을 것이다. 만약 정말 자식 컴포넌트에서 부모 컴포넌트로의 역방향 흐름을 만들어야 할 경우에는 리액트에서 제공하는 Hook 을 이용할 수 있다. useImperativeHandle useImperativeHandle 은 자식 컴포넌트에 ref 를 선언하여 자식 컴포넌트 내부에 접근을 가능하게 해주는 방법이다. 자식 컴포넌트를 forwardRef로 감싸..
코딩 공부 일지/React JS
2022. 6. 11. 15:13