[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
- Vue.js
- 더미데이터
- 로그인 인증
- 레포지토리패턴
- 항해플러스후기
- 빅오표기법
- Http통신
- 웹훅
- loadbalancer
- React18v
- 디바운싱
- react
- 이벤트리스너
- props
- 항해솔직후기
- 이벤트버스
- event종류
- store.js
- 항해플러스프론트엔드
- http
- vue.js3
- useState
- focus와blur
- JWT토큰
- vue3
- reactnative
- 알고리즘
- Repository pattern
- eventListner
- Vuex
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함