작성
·
59
0
위와 같이 해당 변수나 값을 선언한거를 사용하지 않으면 이렇게 빨간 밑줄이 생기는데요. 이거 없앨수 없나요? 거슬리네요..ㅠ
답변 2
0
안녕하세요 🙂
JSX 문법은 HTML 문법과 조금 다른데요 HTML를 JSX로 변환하는 사이트를 추천드릴게요
eslint 오류도 규칙 off 하시면 됩니다.
이미지에 규칙 오류는 "no-unused-vars": "off"
해주시면 돼요
0
props 에 빨간줄은 해당 파라미터를 컴포넌트 안에서 사용하지 않고 있기 때문에 나오는 eslint 에러표시입니다. 컴포넌트 내에서 사용하지 않으면 props 를 제거하시거나.
다음 강의에서 해당 props를 호출하는 내용이 있으면 빨간줄은 자연히 지워질 겁니다.
혹시 props를 사용해도 props 에 빨간줄이 나오면 eslin.config.js 파일 또는 eslintrc 파일 rules 부분에 "react/prop-types": "off"
옵션을 추가해 주세요.
PS: JSX 문법에서는 class 속성은 className 이라고 표기하는 게 맞습니다.
이유는 자바스크립트에 class 키워드는 예약어라서 class 속성으로 사용할 수 없어요.