title: React js map() undefined is not a function
body: <p>I am new to React and I am going a little crazy trying to figure out what I am doing wrong. I am trying to iterate through a json array that I get from an ajax call. When I mock the data it works perfectly, but when I make an ajax call to get the exact same data it gives me <code>undefined is not a function (evaluating 'this.state.list.map()')</code></p>
  
  <p>the array:</p>
  
  <p><code>[ { "name": "drop1" }, { "name": "drop2" }, { "name": "drop3" } ]
  </code></p>
  
  <p>the function:</p>
  
  <pre><code>var List = React.createClass({
    getInitialState: function() {
     return {data: {}};
   },
   componentDidMount: function() {
     $.ajax({
         url: ACTUAL_URL,
         dataType: 'json',
         success: function(data){
           this.setState({data: data});
         }.bind(this),
         error: function(xhr, status, err){
           console.error(url, status, err.toString());
         }.bind(this)
       });
    },
    render: function() {
      return (
        &lt;ul className="droplist"&gt;
          {this.state.data.map(function(l){
             return (&lt;li&gt;{l.name}&lt;/li&gt;)
          })}
        &lt;/ul&gt;
      );
    }
  });
  </code></pre>
  
  <p>Any help is much appreciated.</p>