title: Populate list items from json in React component
body: <p>I'm new to <code>reactjs</code> and i have a <code>json</code> object that i want to iterate through and populate list items in a react component. I get the <code>json</code> from server with an <code>ajax</code> call.. </p>
  
  <p>My ajax inside getData() method:  </p>
  
  <pre><code>  $.ajax(
          {
              type: 'get',
              url: url,
              success: function (data) {
                  this.setState({ data: JSON.parse(data) })  //or parse
              }.bind(this)
          },
  
      );
  </code></pre>
  
  <p>Constructor:  </p>
  
  <pre><code>constructor() {
      super();
      this.state = {
          data: null
      };
  
      this.getData = this.getData.bind(this);
    }
  </code></pre>
  
  <p>Data looks like this:    </p>
  
  <pre><code>{
      "commentID":25,
      "matchID":43234,
      "commentatorID":12537228724216704,
      "timeM":67,
      "timeRT":null,
      "action":"goal",
      "description":"aaaaaaaa"
  },
  {
      "commentID":27,
      "matchID":56,
      "commentatorID":12537228724216704,
      "timeM":14,
      "timeRT":null,
      "action":"",
      "description":"fgfafafaaffaafasfasf"
  },
  </code></pre>
  
  <p>What i've already tried is to stringify the <code>object</code> but when i try to iterate through the <code>string</code>, it's alot of work when i only want to list "description" and "timeM" .</p>
  
  <p>Should i run through the <code>json</code> object in the <code>render</code> method and create list items or are there other ways to do it? I'm looking for a good example on how to do this. Thanks!</p>