Imported JSX component text must be in PascalCase or SCREAMING_SNAKE_CASE

목차

에러

Imported JSX component text must be in PascalCase or SCREAMING_SNAKE_CASE

라고 경고가(warning) 떴다

JSX 컴포넌트를 불러올 땐 PascalCase(대문자) SCREAMING_SNAKE_CASE(대소문자 혼합)으로 써야 한다

란 뜻이다.

 

프로그램에 직접적인 영향을 주는 것은 아니지만,

다른 중요한 warning이 묻힐 수도 있고,

console을 볼 줄 아는 사람들에게 보이기에도 안 좋으니

수정하는 게 좋다.

JSX

JSX는 JavaScript에서 확장된 문법이다.

React에서 JSX사용이 필수는 아니지만,

더욱 상세한 에러 및 경고 메시지를 표시할 수 있게 해준다고 한다.

JSX 소개 – React

에러 분석

아까 말했듯이 큰 문제가 아니니 해결방법도 쉽다.

<D_styled/>

<I_profile/>

이런 식으로 태그 명을 정할 때

• - _ 문자를 쓰지 말 것
• 첫 문자를 대문자로 쓸 것
• 대소문자 섞어 쓰는 걸 권장

이다.

 

아.. 저렇게 쓰는 게 좋은데ㅍㅍㅍ

끝