React - 리액트에서는 왜 className으로 사용할까?

안녕하세요.

고코더 입니다.

리액트에서 "class" 가 아니는 "className" 으로 설정해 주어야 합니다. 이유는 class는 이미 예약되어 있는 예약어 이기 때문입니다. JSX 상에서는 class를 사용하면 안되고 className 를 사용해야 합니다.

 

 

● 1. 일반적은 HTML에서 CSS는 아래처럼 clss를 사용합니다.

<h1 class="design">GoCoder</h1>

 

●2. 리액트 JSX에서는 class가 아닌 className으로 설정해 주어야 합니다.

<h1 className="design">GoCoder</h1>

 

단순하게 생각해서 리액트 jsx 상에서는 className이 HTML에서 class로 랜더링 된다고 생각하시면 됩니다.