React.js attributes on tr gets discarded

Question

I am building an app with react.js and bootstrap for react. I am trying to create a table row with class "success". However, passing attribute "class" to tr tag in react does not work, in the translated HTML there is no attribute whatsoever.

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

Related JSFiddle - http://jsfiddle.net/7pqrwfch/

Answer 1

Use className instead:

<tr className="success">

(Read the note here: JSX in Depth )