prop-types 사용하기

2018. 11. 19. 11:03javascript/React.Js

PropTypes 사용하기 

우선 yarn을 통해서 설치부터 해보자!! 
yarn add prop-types 설치가 완료됐으면 props를 받아오는 컴포넌트를 만들자

예를 들어서 이렇게 받아오는 props 데이터가 있다. 

import PropTypes from 'prop-types'; 이런식으로 불러온 후



아래와 같이 등록해주면 propTypes가 설정 된 것을 알 수 있다. 


이렇게 사용해주는 이유는 첫번째 다른 타입이 들어왔을 때 오류를 방지해줄 수 있다. 두번째는 다른 사람들이 props의 정보와 타입을 쉽게 알아 볼 수 있어서 가독성이 올라가기 때문에 사용합니다. 

'javascript > React.Js' 카테고리의 다른 글

React hooks(UseState) 사용하기  (0) 2019.02.25
React-Component 만들기  (0) 2018.11.19
[React.js] React.js 7편 LifleCycle2  (0) 2018.06.27
[React.js] React.js 6편 LifleCycle1  (0) 2018.06.26
[React.js] React.js 5편 state  (0) 2018.06.26