React에서의 단방향 데이터 흐름

컴포넌트는 자신의 상태를 자식 컴포넌트의 props 형태로 하위 자식 트리에 전달할 수 있습니다. 이 과정을 하향식 (top-down) 또는 단방향 (unidirectional) 데이터 흐름이라고 합니다. 상태는 항상 특정 컴포넌트에 속하며, 이 상태는 해당 컴포넌트의 자식인 컴포넌트에만 영향을 미칠 수 있습니다.

하향식 데이터 흐름 외에 상향식 또는 역방향 흐름도 존재합니다. 여기에는 사용자가 입력 필드에 입력하는 것과 같이 자식 컴포넌트에서 발생하는 데이터가 포함됩니다. 이 데이터 흐름은 자식 컴포넌트의 props로 전달된 함수를 호출하여 부모에게 전달됩니다.