title: Print Object as List with ReactJS
body: <p>I retrieved an object and want it to be rendered in a HTML list like:</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li&gt;Jon&lt;/li&gt;
   &lt;li&gt;Doe&lt;/li&gt;
   &lt;li&gt;Max&lt;/li&gt;
   &lt;li&gt;Mustermann&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The object I have looks like this:</p>
  
  <pre><code>Object {
    data: Object {
      allColleagues: [Object {
    name: "Jon"
  }, Object {
    name: "Doe"
  }, Object {
    name: "Max"
  }, Object {
    name: "Mustermann"
  }]
    }
  }
  </code></pre>
  
  <p>For interest, I use the following function to get it:</p>
  
  <pre><code>const xhr = new XMLHttpRequest();
    xhr.responseType = 'json';
    xhr.open("POST", "https://api.graph.cool/simple/v1/XXXX");
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.setRequestHeader("Accept", "application/json");
    xhr.onload = function () {
      testFunc();
      console.log(xhr.response);
    }
    xhr.send(JSON.stringify({query: "{ allColleagues { name } }"}));
  </code></pre>