같은 레벨의 컴포넌트 간 통신

같은 레벨 상 컴포넌트는 어떻게 통신할까?

답은 아래 그림을 보면 확인할 수 있다.

X ?? 

그렇다. 같은 레벨의 컴포넌트끼리는 직접적으로 데이터를 주고 받을 수 없다.

왜???

컴포넌트 고유의 유효범위 때문이다.

즉, 컴포넌트는 자체 scope를 갖기 때문에 다른 컴포넌트의 값을 직접 참조하지 못하므로 위와 같이 기본적인 데이터 전달 방식을 활용해야한다고 한다.

따라서, 같은 레벨의 컴포넌트가 데이터 통신을 하려면, 하위에서 공통 상위 컴포넌트로 이벤트를 전달한 후 공통 상위 컴포넌트에서 2개의 하위 컴포넌트에 props를 내려 보내야한다.

cf )기본적인 데이터 전달 방식이란?

뷰는 상위에서 하위로만 데이터를 전달해야하는 기본적인 통신 규칙을 따름