inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

실습 - 강의목록 컴포넌트

빨간 밑줄 질문이요..

169

eventures111

작성한 질문수 6

0

image.png

위와 같이 해당 변수나 값을 선언한거를 사용하지 않으면 이렇게 빨간 밑줄이 생기는데요. 이거 없앨수 없나요? 거슬리네요..ㅠ

react React-Context react-router tailwindcss react-query

답변 2

0

짐코딩

안녕하세요 🙂

JSX 문법은 HTML 문법과 조금 다른데요 HTML를 JSX로 변환하는 사이트를 추천드릴게요

eslint 오류도 규칙 off 하시면 됩니다.

  • 이미지에 규칙 오류는 "no-unused-vars": "off" 해주시면 돼요

0

Codingbear

props 에 빨간줄은 해당 파라미터를 컴포넌트 안에서 사용하지 않고 있기 때문에 나오는 eslint 에러표시입니다. 컴포넌트 내에서 사용하지 않으면 props 를 제거하시거나.

다음 강의에서 해당 props를 호출하는 내용이 있으면 빨간줄은 자연히 지워질 겁니다.

 

혹시 props를 사용해도 props 에 빨간줄이 나오면 eslin.config.js 파일 또는 eslintrc 파일 rules 부분에 "react/prop-types": "off" 옵션을 추가해 주세요.

 

PS: JSX 문법에서는 class 속성은 className 이라고 표기하는 게 맞습니다.

이유는 자바스크립트에 class 키워드는 예약어라서 class 속성으로 사용할 수 없어요.

자바스크립트 입문 강의

0

29

1

궁금했던 질문입니다. 바로 콤마위치 입니다.

0

47

1

React 버전업 관련 문의

0

56

2

오타?

0

57

1

뭐하나 여쭤봐도 될까요?

0

97

1

안녕하세요 질문이 있습니다.

0

90

2

질문 : 삭제 버튼 아규먼트 (id)

0

76

1

Tailwind 버전 확인

0

96

1

align-items 정렬

0

81

2

vite 명령어로 프로젝트를 만들었습니다. (vscode)

0

113

1

31. 객체 업데이트 하기 - 10:15 질문

1

83

2

강의교안, 내용 인용해서 블로그 글 작성

1

109

2

이미지가 출력되지 않아요

1

125

2

강의와 만들어진 코드가 달라요

0

112

3

AI와 CSS 라이브러리의 궁합

0

148

1

onClick 이벤트에 함수 넘길 때

0

103

1

린캔버스 기능 구현은 왜 못하나요.... 구현하고 싶습니다...

0

128

1

notes 없음 읽기 오류

0

94

1

Object.assign 문법

0

96

1

react-router 전혀 기능 안함

0

88

1

react-router-dom@6.25.1

0

67

1

React Router 최신 스펙

0

261

1

Immer 에서 filter, map 사용

0

75

1

vite 설치에 대해 질문있습니다.

0

120

2