컴포넌트 계약

컴포넌트 계약은 호출자가 전달할 수 있는 값과 행동, 컴포넌트가 보장하는 결과를 묶은 공개 약속이다. React 컴포넌트에서는 주로 props의 이름과 허용 값, 이벤트 처리 함수, 기본값과 상태별 동작으로 드러난다.

계약은 내부의 HTML 요소, React Native 요소나 스타일 작성법과 구분한다. 예를 들어 호출자는 onConfirm으로 확인 행동을 전달하고, 컴포넌트는 Web의 onClick 또는 React Native의 onPress로 그 의도를 번역할 수 있다. 내부 구현이 바뀌어도 공개 약속이 같다면 호출 코드를 함께 바꿀 필요가 없다.