Return multiple <tr> lines in React

Question

I would like to be able to return 2 <tr> lines, which works by wrapping in a <tbody> as suggested here:

var Item = React.createClass({
    render: function() {
        return (
            <tbody>
                <tr>/*...*/</tr>
                <tr>/*...*/</tr>
            </tbody>
        );  
    }   
});

However, I get a warning from React: < tbody> cannot appear as a child of < tbody>

Is there any other way to do this that would be more DOM friendly?

Answer 1

That's an annoying limitation of React right now. A <table> can contain multiple <tbody> though -- would rendering <Item> as an additional <tbody> within <table> work for you?