뷰 컴포넌트 통신

컴포넌트 통신

• 컴포넌트는 상하위로 관계가 생긴다.

<Root>
    <Header>
        <Navigation>
    <Content>
        <Login>
    <Footer>
        <CompanyInfo>

• 컴포넌트는 각자 고유한 유효 범위를 가지고 데이터도 각각 가지고 있다.
• 이 데이터를 공유하려면 props와 event 속성을 사용하면 된다.
• 부모는 자식에게 props(데이터) 속성을 전달하고, 자식은 부모에게 evnet를 전달한다.
• 왜 부모-자식으로 통신 영역을 제한하는가?
  • 각 컴포넌트가 마음대로 데이터를 주고 받는다면 에러 발생시에 추적하기 어렵게 된다.
  • 뷰는 데이터가 아래로만 내려간다. 이 규칙은 데이터를 흐름을 추적할 수 있게 해준다.