How to specify class on a JSX node?

Question

I have defined a class name for the table below (as part of JSX).
<table class="table">

However once its displayed the class is not set on the table:

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

Instead the table shows as <table data-reactid=".0.1.0.0">...</table> in Chrome -> inspect element.

Answer 1

ReactJS uses the attribute className to avoid the use of a JavaScript reserved word.

<table className="table">