props

props

• 컴포넌트의 속성 (값 설정)
• 부모 컴포넌트에서 자식 컴포넌트로 값을 전달할 때 사용 (읽기 전용) (단방향)
• 컴포넌트 렌더링할 때 값을 전달해 주고 싶을 때 사용

부모 컴포넌트 (설정) : App

<Subject title="제목" sub="부제목"></Subject>

자식 컴포넌트 (사용) : Subject

{this.props.title}
{this.props.sub}

디폴트 props

• 기본값으로 디폴트 props 설정 : 자식 컴포넌트에 설정

방법1 : 상단에 static으로 설정 (더 최신 방법)

static defaultProps = {
  date: '2021-12-17'
}

 

방법2 : 하단에 클래스.defaultProps = { } 설정

Subject.defaultProps = {
  year: 2021
}

 

주의 : 2개 다 설정한 경우 나중에 아래 설정한 것만 적용됨