목차
접기
728x90
반응형
Food.propTypes = {
name: PropTypes.string.isRequired,
picture: PropTypes.string.isRequired,
rating: PropTypes.number.isRequired
};
- 위와 같이 입력을 해주면 Food 컴포넌트는 name, picture, rating이라는 props를 전달받는 컴포넌트로 정의된다.
- 각 props는 string, number의 자료형을 갖게 된다.
- 정의되지 않은 props명이나 자료형으로 코딩을 하면 프로그램 오류로 실행이 안되진 않지만
경고가 발생하여 개발자가 수정할 수 있도록 도와준다. - 프로그램이 커질수록 그 진가를 발휘하게 된다.
isRequired 의미
- 필요하다는 뜻
- 때에 따라 없어도 된다.
- 평점의 예로 아직 평점이 등록되지 않은 영화일 수도 있기 때문.
728x90
반응형
LIST
'react' 카테고리의 다른 글
vscode react emmet 설정 (0) | 2021.05.28 |
---|---|
[ react ] 클래스형 컴포넌트와 함수형 컴포넌트 차이 (0) | 2021.02.07 |
[ react ] props의 자료형을 검사할 수 있도록 만들어주는 prop-types 도구 설치 (0) | 2021.02.07 |
[ react ] key props (0) | 2021.02.07 |
[ react ] 구조분해할당 (0) | 2021.02.06 |