더북(TheBook)

3.3.3 props 기본값 설정: defaultProps

방금 설정한 name 값을 지우고 다시 저장해 보세요.

(...)
return <MyComponent />;
(...)

노트 코드 생략 표시

코드에서 (...) 표시는 지면 관계상 생략된 코드를 의미합니다. 그 부분은 기존 코드를 그대로 유지하세요.

 

현재 name 값을 지정하지 않았기 때문에 브라우저에는 ‘안녕하세요, 제 이름은 입니다.’라는 내용이 보일 것입니다. 지금처럼 props 값을 따로 지정하지 않았을 때 보여 줄 기본값을 설정하는 defaultProps에 대해 알아봅시다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.