[React Error] missing in props validation

 

열심히 기능 구현중, props를 전달하는 과정에서 error가 발생했다. 

 

아니 잘전달했는데 왜이러시나 . . .

 

찾아보니 ESLint의 유효성 검사에서 Type에 대한 내용이 누락되어서 저런 에러가 발생한 것 같았다.

 

---

 

 

해결방법 1 )    propTypes정의하기

 

 

먼저 prop-types을 설치한다.

npm i prop-types

 

그 후 , 에러가 발생되는 컴포넌트에 파라미터(props로 받은 값들) 값들의 Type을 지정해준다.

EmailInput.propTypes = {
//value , onChange는 props로 받은 값들 

value: PropTypes.string.isRequired,

onChange: PropTypes.func.isRequired,

};

 

 

참고 : https://ko.reactjs.org/docs/typechecking-with-proptypes.html

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

 

 

해결방법 2 )    ESLint의 rules 적용 수정하기

 "rules": {
      .
      .
"react/prop-types": 0

}

이렇게 하면 유효성 검사를 비활성화 하는 규칙이 추가된다.