3.4.4 class와 for 속성

React와 JSX는 class와 for를 제외하면 표준 HTML 속성을 모두 사용할 수 있다. class와 for는 자바스크립트와 ECMAScript의 예약어고, JSX는 일반 자바스크립트로 변환해서 사용한다. 따라서 class와 for 대신에 각각 className과 htmlFor를 사용한다. 예를 들어 hidden이라는 CSS 클래스를 적용하는 경우 <div>에 다음과 같이 정의할 수 있다.

<div className="hidden">...</div>

 

폼 요소를 위한 label 요소를 생성하는 경우, for 대신에 htmlFor를 사용한다.

<div>
  <input type="radio" name={this.props.name} id={this.props.id} />
  <label htmlFor={this.props.id}>
      {this.props.label}
  </label>
</div>