[Main-project] 에러 관련 정리

0
post-thumbnail

📍 버튼 컴포넌트를 만들어서 text 별로 버튼이 만들어지게 구현/ text를 prop으로 넘겨줘서 작성하니 prop-type에러 발행

'text' is missing in props validation react/prop-types

  • 원인 : 컴포넌트가 기대하는 prop의 타입이 문자열 타입이 와야하는데 그렇지 않을 경우 경고가 발생한다
  • 해결 : 컴포넌트에 text의 타입을 정해주면은 해결
    'prop-types'를 사용하여 props의 유효성 검사를 하는 것은 코드의 신뢰성과 안정성을 높이는 데 도움이 됨
import PropTypes from 'prop-types';

function CategoryButton({ text }) {
  return (
    // ...
  );
}

CategoryButton.propTypes = {
  text: PropTypes.string.isRequired, // 문자열 타입이며 필수적으로 전달되어야 함
};

0개의 댓글