ReactJs - .propTypes, .defaultprops

prop 를 타입 선언과 기본 값 셋팅을 할 때 대소문자 주의해서 쓰자.

const로 먼저 셋팅 선언하고, 하단에 실제 타입과 기본값 선언을 상단에서 설정한 셋팅값으로 가져온다.

import React from 'react';

const propTypes = {
    number : React.PropTypes.number
}
const defaultProps = {
    number : -1
}

class Value extends React.Component {
    constructor(props){
        super(props);
    }
    render(){
        return(
            <div>
                <h1>{this.props.number}</h1>
            </div>
        )
    }
}
Value.defaultProps  = defaultProps;
Value.propTypes = propTypes;
export default Value;

.propTypes 과 .PropTypes 에 대소문자 주의하자.
자주 헷갈려서 오류난다.

Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

0 댓글
Inline Feedbacks
View all comments
TOP