Come specificare la classe su un nodo JSX?

Question

Ho definito un nome di classe per la tabella seguente (come parte di JSX).
<table class="table">

Tuttavia una volta che la sua visualizzata la classe non è impostato sul tavolo:

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

Invece la tabella mostra come <table data-reactid=".0.1.0.0">...</table> in Chrome -> ispezionare elemento.

Answer 1

ReactJS utilizza l'attributo className per evitare l'uso di una parola riservata JavaScript.

<table className="table">