title: Error rendering a table row in react
body: <p>I have a problem with my react code:</p>
  
  <pre><code>var PostRow = React.createClass({
      render: function(){
          var loading = &lt;tr&gt;&lt;td&gt;one row&lt;/td&gt;&lt;/tr&gt;;
          return(
              {loading}
          )
      }
  });
  </code></pre>
  
  <p>I receive this error:</p>
  
  <blockquote>
    <p>Uncaught Invariant Violation: PostRow.render(): A valid React element
    (or null) must be returned. You may have returned undefined, an array
    or some other invalid object.</p>
  </blockquote>
  
  <p>But this works:</p>
  
  <pre><code>var PostRow = React.createClass({
      render: function(){
          return(
              &lt;tr&gt;&lt;td&gt;joer&lt;/td&gt;&lt;/tr&gt;
          )
      }
  });
  </code></pre>
  
  <p>What's the problem with my code ?</p>
  
  <p>Thanks!</p>