[React] 부모 컴포넌트에서 자식 컴포넌트 state 조작하기, useImperativeHandle
부모 컴포넌트에서 자식 컴포넌트의 state를 조작해야하는 상황이 생겼는데 나의 경우에는 ref를 여러개의 자식 컴포넌트에 달아서 조작하려고 했다. 그런데 ref는 current로만 접근할 수 있어서 마지막 하나의 자식 컴포넌트의 함수만 실행할 수 있었다. 한번에 여러개를 조작하려고 하시는 분은 참고하시길..! 부모 컴포넌트에서 자식 컴포넌트 state 조작하기 useRef를 사용해서 부모 컴포넌트에서 자식 컴포넌트를 조작할 수 있다. 먼저 부모 컴포넌트에서 ref를 선언해서 자식 컴포넌트로 넘겨준다. import { useRef } from 'react'; import Child from './Child'; import styled from 'styled-components'; const Parents..
공부 노트
2022. 10. 5. 12:13
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 저스트코드
- 비주얼스튜디오코드
- 드림코딩
- git
- Typescript
- js
- 김버그
- 타입스크립트
- React
- 파이썬
- 코딩앙마
- 깃
- 구름에듀
- CSS
- javascript
- TS
- 자바스크립트
- 제이쿼리
- Python
- 스파르타코딩클럽
- html
- vue
- 코드잇
- vscode
- scss
- 리액트
- Til
- 제로초
- 회고
- map
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함