일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- SS
- 비동기
- 네트워크
- 멋사
- JavaScript
- 이벤트루프
- 웹개발
- Let
- 국비지원
- for문
- react
- CSS
- useState
- 타입스크립트
- VAR
- 개발자
- 화살표함수
- 코딩
- array
- 멋쟁이사자처럼
- 메소드체이닝
- 리액트
- 배열
- 프론트엔드
- 자바스크립트
- likelion
- frontend
- 반복문
- 내일배움카드
- 제주코딩베이스캠프
Archives
- Today
- Total
목록상태끌어올리기 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