JSX 노드에서 클래스를 지정하는 방법은 무엇입니까?

Question

아래 테이블의 클래스 이름을 JSX의 일부로 정의했습니다. <table class="table">

는 그러나 그 표시 클래스는 테이블에 설정되어 있지되면 :

는

var SearchResult = React.createClass({ 
     render: function(){ 
      return (
       <table class="table"> 
        <thead> 
         <tr> 
          <th>Name</th> 
          <th>Address</th> 
         </tr> 
        </thead> 
        <tbody>...</tbody> 
       </table> 
      ); 
     } 
    }); 

대신 테이블은 크롬에서 <table data-reactid=".0.1.0.0">...</table>으로 표시 -> 요소를 검사합니다.

Answer 1

ReactJS는 className 속성을 사용하여 JavaScript 예약어를 사용하지 않습니다.

<table className="table">