일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- for문
- useState
- CSS
- VAR
- 웹개발
- array
- 멋쟁이사자처럼
- react
- 반복문
- frontend
- 배열
- 개발자
- 메소드체이닝
- likelion
- 네트워크
- 멋사
- JavaScript
- 타입스크립트
- 내일배움카드
- 코딩
- 리액트
- 이벤트루프
- SS
- 프론트엔드
- Let
- 비동기
- 제주코딩베이스캠프
- 화살표함수
- 국비지원
- 자바스크립트
Archives
- Today
- Total
목록statelifting 1
Ch.Covelope
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/TcCnw/btrCrhc0QKU/V30ORzet3qPRTxlUZYNvy1/img.png)
React(리액트) 하위 컴포넌트에서 데이터(data) 받아서 상위 컴포넌트로 전달.
state. - 현재 컴포넌트에 렌더링에 영향을 미치는 객체 형태의 데이터 props. - 상위 컴포넌트에서 하위 컴포넌트로 객체 형태의 데이터를 전달 (읽기 전용) state 또는 props 업데이트 시 리렌더링된다. 리액트(react) 데이터 흐름 리액트는 기본적으로 단방향 데이터 흐름을 지닌다. 일반적으로 상위 컴포넌트에서 가진 데이터를 하위 컴포넌트로 props 객체를 통해서 전달하는데 이를 props drilling 이라고 한다. 하지만 함수를 통해서 하위 컴포넌트의 데이터를 상위 컴포넌트로 전달받아서 사용할 수도 있는데 상태 끌어올리기 state lifting 이라고 부른다. 예제 - 어떻게 전달되고 끌어 올려지는지 만 보면 된다. //App.js import NewExpense from '...
React
2022. 5. 17. 23:40