14일차-2) [React/JS] state lifting/React.JS

김재범·2022년 7월 22일
0

코드캠프

목록 보기
15/46
post-thumbnail

State 끌어올리기

React의 데이터 흐름 : ☑️ 상위컴포넌트 ➡ 하위컴포넌트
하향식/단방향 데이터 흐름

자식컴포넌트1에서 자식컴포넌트2로 전달하려면?
➡ 자식컴포넌트1에서 자식컴포넌트2로 props 불가

💡자식컴포넌트1에서 부모컴포넌트로 state와 setState를 넘긴후 다시 props로 자식컴포넌트1과 2에 넘긴다.

예를들어 페이지를 만들었을 때 보드컴포넌트와 페이지네이션 컴포넌트가 있다면
각각 나눈 후에 두 곳 모두에 필요한 것은 부모 컴포넌트에 옮겨서 각각 props로 자식컴포넌트에 넘겨주면 된다.

그렇게 되면 고유한 기능을 가진 보드,
페이지네이션 컴포넌트가 되어 언제든지 재사용이 가능해짐.

profile
지식을 쌓고 있습니다.

0개의 댓글