React에서 props란?

Props는 컴포넌트의 입력값입니다. HTML 태그 속성과 유사한 네이밍 규칙을 사용하여 생성 시 컴포넌트에 전달되는 단일 값 또는 값 집합을 포함하는 객체입니다.

즉, 부모 컴포넌트로부터 자식 컴포넌트로 전달되는 데이터 입니다.

React에서 Props의 기본 목적은 다음과 같은 컴포넌트 기능을 제공하는 것입니다.

  1. 커스텀 데이터를 컴포넌트에 전달합니다.

  2. 상태 변경을 트리거합니다.

  3. 컴포넌트의 render() 메서드 내에서 this.props.reactProp을 사용합니다.

    (reactProp은 커스텀 속성 데이터 입니다.)

예를 들어, reactProp 속성이 있는 엘리먼트를 생성해보겠습니다.

<Element reactProp={'1'} />

이 reactProp (또는 다른 이름으로 설정 가능)는 이제 React의 기본 props 객체에 연결된 속성이 됩니다. 이 객체는 React 라이브러리를 사용하여 생성된 모든 컴포넌트에 이미 존재합니다.

props.reactProp