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