[React] 부모 - 자식 컴포넌트 간의 데이터 전달 방법
📌개요 최근 회사에서 신규 프로젝트를 진행하는 과정에서 자식 컴포넌트에 있는 데이터를 부모 컴포넌트에 전달해야하는 작업이 필요했다. 예를들어 자식 컴포넌트에서 데이터 입력을 하면 그것을 부모 컴포넌트에서 데이터를 받아와서 다른 자식에게 전달해주는 작업이 필요했던 것이다. 이번 기회를 통해 리액트에서는 부모 자식간의 데이터 전달을 어떤식으로 통신하는지에 대해 알아보도록 하자!! 📌부모에서 자식으로 데이터 보내기 👉 props를 이용한다. props란 데이터를 전달하는 속성으로 부모 컴포넌트에서 설정할 수 있으며, 부모에서 자식으로만 데이터를 줄 수 있다. Parent.js import React, { useState } from 'react' import Child from './Child'; const ..
WEB/React.js
2023. 3. 8. 13:45
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- JWT토큰
- Repository pattern
- 디바운싱
- 웹훅
- event종류
- 레포지토리패턴
- 알고리즘
- store.js
- reactnative
- 항해플러스후기
- Vuex
- eventListner
- 로그인 인증
- 항해솔직후기
- Vue.js
- Http통신
- vue3
- 이벤트버스
- http
- react
- 빅오표기법
- useState
- focus와blur
- 더미데이터
- loadbalancer
- React18v
- props
- 이벤트리스너
- 항해플러스프론트엔드
- vue.js3
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함