728x90 반응형 TypeScript/오류 해결2 [TS-오류] but has no corresponding defaultProps declaration react/require-default-props 아래 사진에서 onClick props를 선택적으로 입력할 수 있도록 ?을 붙여서 작성했었다. 이때 기본 값을 선언해주지 않아 발생된 오류다. 해당 오류를 해결하기 위해서는 아래의 코드처럼 규칙을 warn으로 변경하거나 해당 컴포넌트에게 defaultProps를 지정해줘야 한다. 방법 1(warn으로 변경) // .eslintrc.js "rules": { 'react/require-default-props': 'warn', } 방법2(defaultProps 지정) Button.defaultProps = { onClick: null, } 2023. 2. 14. [TS-오류] Visible, non-interactive elements with click handlers must have at least one keyboard listener jsx-a11y/click-events-have-key-events div 태그한테 onClick 이벤트를 줘서 생긴 에러였다. div 태그는 non-interactive 한데 onClick은 interactive한 요소라고 에러를 내고 있었다. 그래서 div 태그한테 role=”none”라는 속성을 줬다. 그랬더니 오류는 사라졌다. 여기서 role=”none”은 적용된 요소의 기본 의미 체계와 필수 하위 요소를 제거해주는 속성이다. 2023. 2. 14. 이전 1 다음 728x90 반응형
