如何在 JSX 节点上指定 class？

Question

我已经为下面的 table 定义了一个 class 名称（作为 JSX 的一部分）。
<table class="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 在 Chrome -> 检查元素中显示为 <table data-reactid=".0.1.0.0">...</table>。

Answer 1

ReactJS 使用属性 className 来避免使用 JavaScript 保留字。

<table className="table">

如何在 JSX 节点上指定 class？

How to specify class on a JSX node?

javascript

reactjs

react-jsx