이 값을 설정하는 방법은 다음과 같습니다.

MyComponent.js

import React from 'react';
 
const MyComponent = props => {
  return <div>안녕하세요, 제 이름은 {props.name}입니다.</div>;
};
 
MyComponent.defaultProps = {
  name: '기본 이름'
};
 
export default MyComponent;

---

 

파일을 저장하고 브라우저에 다음 내용이 나타났는지 확인해 보세요.

▲ 그림 3-7 defaultProps 사용