[eslint 에러] 'props명' is missing in props validation

moontag·2022년 8월 22일
0

에러

목록 보기
2/8

=> eslint에서 type을 지정하라고 하는 에러

  • TS에서는 안해줘도 됨



해결방법

  • prop-types 설치
npm install -D prop-types
  • props 사용하는 컴포넌트에서 type 정의해주기
import PropTypes from 'prop-types';
...

export default function TodoItem({
  id,
  text,
  checked,
  todos,
  setTodos,
  setChecked,
}){
 ...
}

TodoItem.propTypes = {
  id: PropTypes.number.isRequired,
  text: PropTypes.string.isRequired,
  checked: PropTypes.bool.isRequired,
  todos: PropTypes.array.isRequired,
  setTodos: PropTypes.func.isRequired,
  setChecked: PropTypes.func.isRequired,
};



참고

https://ko.reactjs.org/docs/typechecking-with-proptypes.html
https://www.npmjs.com/package/prop-types

profile
터벅터벅 나의 개발 일상

0개의 댓글