【React】テーブルタグでエラー

React で テーブルタグを使用する時、table の直下に trタグを書くとエラーになってしまいました。

react.js:20541 Warning: validateDOMNesting(...): <tr> cannot appear as a child of <table>

↓こちらのように、thead や tbody をつけるとエラーがなくなりました。

var SimpleTable = React.createClass({
    render: function(){
        return (
            <table>
            <thead>
            <tr>
                <th>名前</th>
                <th>地域</th>
                <th>番号</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>山田1</td>
                <td>東京1</td>
                <td>01</td>
            </tr>
            <tr>
                <td>山田2</td>
                <td>東京2</td>
                <td>02</td>
            </tr>
            </tbody>
            </table>
        );
    }
});

ReactDOM.render(
    <SimpleTable />,
    document.getElementById('content')
)