Default Props

Props의 값을 default로 설정할 수 있다.

 

props로 들어온 값이 없으면 default 값이 작동한다.

 

import React from 'react';
 
function Title({name}) {
    return <div>This is {name}</div>
}
 
Title.defaultProps = {
    name : 'Angular'
};
 
export default Title;

 

보내주는 props값을 없애고 다시 실행해본다.

 

props의 값이 없어 default값이 설정되었다.