title: Simple React component not rendering
body: <p>I have created a simple React component which displays another react component. But it doesn't render in browser :</p>
  
  <pre><code>class Home extends React.Component {
    render() {
      return (
        &lt;div&gt;
          &lt;map/&gt;
        &lt;/div&gt;   
      );
    }
  }
  
  var map = React.createClass({
     render: function() {
        return (
            &lt;div id="map-canvas"&gt;
              &lt;span&gt;hello&lt;/span&gt;
            &lt;/div&gt;
        );
      }
  });
  </code></pre>
  
  <p>I'm expecting the <code>hello</code> to show up on the screen, but nothing shows up and when I inspect the element all I can see is </p>
  
  <pre><code>&lt;map data-reactid=".0.0"&gt;&lt;/map&gt;
  </code></pre>
  
  <p>Can any one point our what might be wrong.</p>