2014-10-31 52 views
0

我正在用react.js和bootstrap構建應用程序以進行反應。我正嘗試創建一個類「成功」的表格行。然而,在反應中將屬性「class」傳遞給tr標籤是行不通的,在翻譯的HTML中沒有任何屬性。tr上的React.js屬性被丟棄

var Hello = React.createClass({ 
    render: function() { 
    return <ReactBootstrap.Table bordered striped hover> 
     <thead><tr><th>name</th></tr></thead> 
     <tbody><tr class="success"><td>Jonas</td></tr></tbody> 
    </ReactBootstrap.Table> 
    } 
}); 

相關的jsfiddle - http://jsfiddle.net/7pqrwfch/

+0

您應該使用unminified構建,它會給對此的警告。 – FakeRainBrigand 2014-10-31 18:59:42

+0

[React和Bootstrap列可能不重複](http://stackoverflow.com/questions/23616319/react-and-bootstrap-columns-are-not-working-together) – FakeRainBrigand 2014-11-01 16:03:23

回答

10

使用className代替:

<tr className="success"> 

(讀到這裏注:JSX in Depth