title: Get access to array in JSON by ReactJS
body: <p>I use ReactJS to get data from a JSON file</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head lang="en"&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Demo Fetch&lt;/title&gt;
      &lt;link rel="stylesheet" href="style.css" /&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="content"&gt;&lt;/div&gt;
      &lt;script type="text/jsx"&gt;
          var DataBlock = React.createClass({
              getInitialState:function(){
                  return {data:[]};
              },
              componentDidMount:function() {
                  var a=this;
                  $.getJSON(this.props.url, function(data) {
                      a.setState({data:data})
                  });
              },
              render: function() {
                  console.log(this.state);
                  return (
                          &lt;div&gt;
                              &lt;h1&gt;Sample data block&lt;/h1&gt;
                                  &lt;h3&gt;{this.state.data.movies[0].title}&lt;/h3&gt;
                          &lt;/div&gt;
                  );
              }
          });
          React.render(
                  &lt;DataBlock url="small_data.json"/&gt;,
                  document.getElementById('content')
          );
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is JSON file <code>small_data.json</code></p>
  
  <pre><code>{
    "movies": [
      {
        "abridged_cast": [
          {
            "characters": [
              "Dominic Toretto"
            ],
            "id": "162652472",
            "name": "Vin Diesel"
          },
          {
            "characters": [
              "Brian O'Conner"
            ],
            "id": "162654234",
            "name": "Paul Walker"
          }
        ],
        "synopsis": "Continuing the global exploits in the unstoppable franchise built on speed, Vin Diesel, Paul Walker and Dwayne Johnson lead the returning cast of Fast &amp; Furious 7. James Wan directs this chapter of the hugely successful series that also welcomes back favorites Michelle Rodriguez, Jordana Brewster, Tyrese Gibson, Chris \"Ludacris\" Bridges, Elsa Pataky and Lucas Black. They are joined by international action stars new to the franchise including Jason Statham, Djimon Hounsou, Tony Jaa, Ronda Rousey and Kurt Russell.",
        "title": "Furious 7",
        "year": 2015
      }
    ],
    "runtime": 140
  }
  </code></pre>
  
  <p>Neither <code>title</code> nor anything else is displayed. But when I try to display a non-array object in JSON file, like <code>runtime</code>, I just use <code>{this.state.data.runtime}</code>, it shows as expected, but how can I get access to <code>movies</code> array? I thought I use proper syntax to retrive the array. If it's not like this, what is the true one? How can I get data from objects in array in JSON and store in variables in ReactJS?</p>