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>
           );
       }
    });

代わりに、テーブルはChrome-> inspect要素で<table data-reactid=".0.1.0.0">...</table>として表示されます。

Answer 1

ReactJSは属性classNameを使用して、JavaScriptで予約されたWordの使用を回避します。

<table className="table">