[TIL] 프리온보딩 5일차 - 220507

📍 팀 과제

1️⃣ PropTypes로 하는 타입 검사

평소와 같이 props 넘겨서 사용했는데 props를 사용하는 것이 자꾸 에러가 났다.

자주 사용했던 props인 만큼 왜 에러나는지 알 수 없어서 좀 헤맸다.

알고 보니, props로 넘긴 후 PropTypes로 타입 검사를 해줘야 했다.

 

🔽 사용 방법

컴포넌트명.propTypes = {
	props명: PropTypes.각props의타입
}

import PropTypes from 'prop-types'

컴포넌트명.propTypes = {
  modify: PropTypes.bool,
  nickName: PropTypes.string.isRequired,
  todo: PropTypes.shape({
    todo: PropTypes.string.isRequired,
    isDone: PropTypes.bool.isRequired
  }),
  navigate: PropTypes.func.isRequired
}

 

💡 type 작성 방법

- boolean : PropTypes.bool.isRequired

- string : PropTypes.string.isRequired

- Object : PropTypes.shape({ 이어서 작성... })

- undifined: PropTypes.bool

 

참고 사이트 !

PropTypes와 함께 하는 타입 검사 – React