리액트 컴포넌트에 default props 설정 방법

때로는 props에 재사용을 위해서 가변적이지 않은 값을 넣어야할 때도 있다.

그럴 때에는 아래처럼 defaultProps에 property를 설정해준다.

 

function Profile(props) {

    const { name } = props;

    return <div>{name}</div>

}

 

Profile.defaultProps = {

    name: 'socratone'

}