React의 Data flow
- React는 단방향 데이터 흐름(One-way data flow)
- 개발은 상향식으로, 컴포넌트를 개발하고 페이지를 조립한다
- 데이터는 하향식으로, 부모에서 자식 컴포넌트로 props를 이용해 인자나 속성처럼 전달한다
- state: (상태) data가 컴포넌트 안에서 변화하는 경우
- 부모로부터 받은 props는 x
- 시간이 지나도 고정된 data는 x
- 컴포넌트 내의 다른 state, props로 계산이 가능하면 x
- State 끌어올리기: Lifting state up, 하위 컴포넌트가 부모의 상태를 바꾸는 상황
- 상태를 변경시키는 함수(handler)를 하위 컴포넌트에 props로 전달
- callback 함수와 유사한 구조, 고차함수는 콜백 함수를 인자로 전달받아 실행함
