[reactjs] React 16의 class 대 className

class는 javascript의 키워드이고 JSX는 javascript의 확장입니다. 즉 사용 반작용 왜 주요 이유 className대신을 class.

그 점에서 변한 것은 없습니다.

이것을 조금 더 확장하려면. 키워드 수단 토큰은 언어 구문에서 특별한 의미를 가지고있다. 예를 들면 다음과 같습니다.

class MyClass extends React.Class {

토큰 class은 다음 토큰이 식별자이고 다음은 클래스 선언임을 나타냅니다. Javascript 키워드 + 예약어를 참조하십시오 .

토큰이 키워드라는 사실은 일부 표현식에서 사용할 수 없음을 의미합니다.

// invalid in older versions on Javascript, valid in modern javascript
const props = {
  class: 'css class'
}

// valid in all versions of Javascript
const props = {
 'class': 'css class'
};

// invalid!
var class = 'css';

// valid
var clazz = 'css';

// invalid!
props.class = 'css';

// valid
props['class'] = 'css';

문제 중 하나는 미래에 다른 문제가 발생하지 않을지 아무도 알 수 없다는 것입니다. 모든 프로그래밍 언어는 여전히 진화하고 class있으며 실제로 충돌하는 새로운 구문에서 사용될 수 있습니다.

에는 이러한 문제가 없습니다 className.