만약 컴포넌트에 Props를 지정하지 않았을 때 사용할 기본값을 설정해주고 싶다면 defaultProps를 사용하면 됩니다.

App 컴포넌트에서 Greeting 컴포넌트를 사용할 때 지정한 name 값을 한번 지워보세요.

<Greeting />

그러면 name 값이 존재하지 않기 때문에 ‘안녕하세요 !’라는 문구만 나타나게 됩니다. 이렇게 name 값이 존재하지 않을 때 기본적으로 넣어주고 싶은 값을 지정해보겠습니다.

Greeting 컴포넌트 파일을 열어 컴포넌트 코드 하단에 다음과 같이 defaultProps를 설정해보세요.