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