Component State Flow

Passing Props

• 부모가 자식한테 던져줄 때

같은 데이터 하지만 다른 컴포넌트

• 동일한 사진 데이터가 한 화면에 다양한 위치에서 여러 번 출력되고 있음
• 하지만 해당 페이지를 구성하는 컴포넌트가 여러 개라면 각 컴포넌트가 개별적으로 동일한 데이터를 관리해야할까?
• 그렇다면 사진을 변경해야 할 때 모든 컴포넌트에 대해 변경 요청을 해야함
• 공통된 부모 컴포넌트에서 관리하자
  부모는 자식에게 데이터를 전달(Pass Props)하며, 자식은 자신에게 일어난 일을 부모에게 알림(Emit event)

Props

부모 컴포넌트 -> 자식 컴포넌트 : 데이터를 전달하는데 사용되는 속성

One-Way Data Flow

모든 props는 자식 속성과 부모 속성 사이에 하향식 단방향 바인딩을 형성

Component Events

• 자식이 부모한테 외쳐줄 때