반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- firebase id 자동
- ToDo
- ecmascript modules(esm)
- reflow
- d3 지도 확대/축소
- $fetch
- commonjs와 ecmascript modules(esm)
- vue3 drag and drop
- in-memory pm2 is out-of-date
- nuxt universal rendering
- d3 지도 툴팁
- repaint
- d3 지도
- pm2 버전 충돌
- vue composable 함수
- 함수형 프로그래밍
- vue 컴포저블 함수
- 인터넷 거버넌스
- 화살표 함수 중괄호
- component is already mounted please use $fetch instead.
- pm2 업데이트 에러
- 화살표 함수 {}
- vuedraggable
- git
- d3 지도 타입스크립트
- cloud firestore id auto increment
- 참조형 default
- 참조형 props의 default
- Learning React
- vue draggable 차트 안나옴
Archives
- Today
- Total
목록forwardRef() (1)
빵 입니다.
forwardRef()와 useImperativeHandle()
🔥함수형 컴포넌트 기반으로 정리를 했습니다! 하위 컴포넌트 안에 있는 요소에 직접 접근하고 싶은데 컴포넌트에 ref 속성을 추가해 조작하려 하면 null 값을 참조하려 한다는 오류가 뜬다. => 함수 컴포넌트는 인스턴스가 없기 때문에 함수 컴포넌트에서 ref 어트리뷰트를 사용할 수 없다. 그럼 ref를 통해 함수 컴포넌트를 직접 제어하려면 어떻게 해야하지? ❗️forwardRef()를 사용하면 된다. forwardRef()는 부모 컴포넌트에서 전달받은 ref를 자식 컴포넌트로 전달하는 역할을 한다. (부모 컴포넌트의 ref와 실제 사용할 자식 컴포넌트의 ref 연결) 자식 컴포넌트는 전달받은 ref를 HTML 요소의 속성으로 넘겨줌으로써 함수 컴포넌트 역시 ref를 통한 제어가 가능해진다. 🌀ref Re..
프론트엔드/React
2024. 1. 3. 15:33