Cách chỉ định lớp trên nút JSX?

Question

Tôi đã xác định tên lớp cho bảng bên dưới (như một phần của JSX).
<table class="table">

Tuy nhiên một khi nó hiển thị các lớp không được thiết lập trên bảng:

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

Thay vào bảng cho thấy như <table data-reactid=".0.1.0.0">...</table> trong Chrome -> kiểm tra nguyên tố.

Answer 1

ReactJS sử dụng thuộc tính className để tránh sử dụng từ dành riêng cho JavaScript.

<table className="table">