반응형
prop-type
-
prop-types -정의,사용 예제React 2022. 9. 13. 11:59
prop-types란?? 컴포넌트가 전달받은 props가 정말 내가 원하는 값인지 확인해준다. props의 인자의 특징을 미리 기술해 잘못 사용될 경우를 예방한다. prop-types사용 예제 App.js(Food 컴포넌트가 쓰여진 파일)에 아래 내용을 추가해준다. Food.propTypes = { name: PropTypes.string.isRequired, picture : PropTypes.string.isRequired, rating : PropTypes.string.isRequired }; 후에 실행하면 console창에 아래와 같은 에러창이 뜬다. Warning: Failed prop type: Invalid prop `rating` of type `number` supplied to `Foo..