2014-10-31 53 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