- 컴포넌트 계층 구조로 그려서 나누기
- state사용없이 정적인 UI, 규모가 크지 않다면 하향식
- 최소한의 state 찾기
- 부모로 부터 props로 전달 받는 경우
- 시간이 지나도 변하지 않는 경우
- 컴포넌트 내 다른 state나 props로 구할 수 있는 경우
- state가 아닌 경우
- state가 어디에 있어야 할지 찾기
- state 기반으로 렌더링하는 모든 컴포넌트를 찾아서 가장 최상위의 컴포넌트에 위치
- 역방향 데이터 흐름 추가하기
- 상위 컴포넌트의 state를 업데이트하는 코드를 담은 콜백함수를 하위 컴포넌트로 전달하여 하위 컴포넌트의 state가 변화해야하는 위치에서 호출
참고 :
'웹' 카테고리의 다른 글
| docker 클라이언트 utf8 설정 (0) | 2022.02.07 |
|---|---|
| ES5 생성자 함수와 ES6 class (0) | 2022.01.14 |
| [webpack] The 'mode' option hans not been set WARNING해결 (0) | 2021.03.25 |
| [webpack] Cannot find module 'webpack-cli/bin/cofing-yargs' Error해결 (0) | 2021.03.24 |
| is not a function error (0) | 2021.02.25 |
댓글