title: map function not working in React
body: <p>I am new to React JS, I was testing out some functions in fiddler. I am not sure why I get an error pointing to the map function. I am not able to render the array i defined.    </p>
  
  <p>Relevant snippet:</p>
  
  <pre><code>      {this.props.data.productSpecs.map(function(productSpec){
          &lt;b&gt;Category Name:&lt;/b&gt; {productSpec};
        })}
  </code></pre>
  
  <p>Full code:</p>
  
  <pre><code>var productCategory = {
      productName: 'SamamgaTV1',
    productCategory: 'Television', 
    productSpecs: ['32inch','black','hd']
  };
  
  var ProductComponent = React.createClass({
    render: function() {
      return( &lt;div&gt;
                          &lt;h2&gt;Product&lt;/h2&gt;
                &lt;b&gt;Product Name:&lt;/b&gt; {this.props.data.productName}
                &lt;h2&gt;Category&lt;/h2&gt;
                &lt;b&gt;Category Name:&lt;/b&gt; {this.props.data.productCategory}
                &lt;h2&gt;Specs&lt;/h2&gt;
                {this.props.data.productSpecs.map(function(productSpec){
                  &lt;b&gt;Category Name:&lt;/b&gt; {productSpec};
                })}
             &lt;/div&gt;);
    }
  });
  
  ReactDOM.render(
    &lt;ProductComponent data={productCategory} /&gt;,
    document.getElementById('container')
  );
  </code></pre>