가까운 부모-자식 간의 bind를 통해 값을 연결하는것에 대해서 여쭤볼게 있습니다.

거리가 있는 경우라면 구조상 상태값으로는 바로 bind를 할 수 없습니다.

bind 같은 경우 props로 값을 넘겨주는 것과 다르게 바인딩 된 자식 컴포넌트에서 값이 변경되면 부모도 역시 값이 변경되는 양방향 구조입니다.

그리고 만약 거리가 있는 컴포넌트끼리의 값을 바인딩 해야 한다면 상태값(state)이 아닌 스토어를 만들고 이 스토어 값을 불러온 다음 바인딩해서 사용할 수 있습니다.

저 같은 경우 입력폼 작업에 이런 형태를 많이 사용하고 있습니다.

컴포넌트끼리의 통신과 관련해서는 다양한 시나리오가 있을 수 있습니다.

제일 단순한 단방향적인 성격의 props가 있고

전역으로 관리되는 store

필요에 따라 완결된 컴포넌트를 만들고 컴포넌트 이 안에서만 통신이 이루어 지는 경우에는 context나 dispatcher를 사용할 수 도 있습니다.

프런트엔드에서의 데이터 흐름은 약간의 경험이 필요한 부분인 것 같습니다. 여러 시나리오를 만들고 어떻게 하면 효율적으로 상태값을 관리할 수 있는지 다양하게 고민해보시는 것이 좋습니다.