티스토리 뷰

Error/React.js

PropTypes

IT공부블로그 2019. 4. 15. 14:43
728x90
반응형



데이터를 받을때 그데이터의 타입이 잘못된것인지 확인할 필요가있다



import PropTypes from 'prop-types'

class Movie extends Component {

static propTypes = {
title: PropTypes.string.isRequired, // PropTypes가 기본으로 있는 타입이아니라서 에러가남 타입을 check를 함 데이터통신하다 이상한 타입이들어올수있으니
poster: PropTypes.string
};
render(){ // html을 리턴해주는놈
return(
<div className='Movie'>

<h1>{this.props.title}</h1>
<MoviePoster poster={this.props.poster}/>
</div>
);
}
}


propTypes를 이용하여 받을 데이터의 타입을 지정해줄수있다 string이 아닌 다른 데이터타입이 오면 에러가 발생


isRequired를 붙여주면 데이터가 null이 되어서는 안된다


PropTypes는 기본적으로 설치가 되어 있지않기 때문에  설치해주어야한다


npm install prop-types


728x90
반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함