[React] JSX오류해결 - Warning: Invalid DOM property `class`. Did you mean `className`?

React를 활용한 개발을 진행하면서 JSX는 javaScript이므로 class의 다른 의미가 있습니다.

무료템플릿이나 퍼블리싱 작업을 전달받았을 때 JSX에서 class의 오류를 보게될 수 있습니다.

HTML 태그 속성을 쓸때 오류가 생길 수 있는 케이스가 많기때문에(Ex. a태그 -> Link로 수정) 태그별로 사용방식이 다른 부분이 여러가지가 있습니다.

 

Warning: Invalid DOM property `class`. Did you mean `className`?

 

해결방법

 

해결방법class reander 에서 UI를 그려줄때 class대신 className을 사용해야 해당 오류를 해결할 수 있습니다.