title: How to render array passed to sub element in React JS?
body: <p>I have simple example with JSON that has array in it.
  It is loaded with ajax:</p>
  
  <pre><code>  {somekey: "value1", somekey2: "value2", belongsto: ["me","you"]}
  </code></pre>
  
  <p>I can render it by for example:</p>
  
  <pre><code>   &lt;div&gt;
            belongsto:  {this.state.data.belongsto}
     &lt;/div&gt;
  </code></pre>
  
  <p>But I would love to render it as list in subcomponent, so I am trying:</p>
  
  <pre><code>    &lt;Uli data={this.state.data.belongsto}/&gt;
  </code></pre>
  
  <p>as:</p>
  
  <pre><code>    var Uli = React.createClass({
      render: function() {
          return (
          &lt;ul className="Uli"&gt;
          {
            this.props.data.map(function(value) {
            return &lt;li key={value}&gt;{value}&lt;/li&gt;
            })
          }
         &lt;/ul&gt;
       )
      }
      });
  </code></pre>
  
  <p>And that gives me:</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'map' of undefined
  </code></pre>
  
  <p>How this should be achieved?</p>