title: React.js render json response, co fetch or axios
body: <p>I've been pulling my hair out too long and I can't focus anymore.</p>
  
  <p>I am trying to take the json from a url and just render it visually in the browser.  It doesn't even need to be formatted, at least it doesn't until I get past this hurdle.</p>
  
  <p>I can get it to show up in the console via console.log, but I can't seem to get the response into the render method.  I've simplified it down to the code below until I can see something on the page.</p>
  
  <pre><code>import React, { Component } from 'react';
  // import axios from 'axios';
  
  var co = require('co');
  co(function *() {
  var res = yield fetch('https://api.stackexchange.com/2.2/search?order=desc&amp;sort=activity&amp;intitle=perl&amp;site=stackoverflow');
  var json = yield res.json();
  console.log(res);
  });
  
  class App extends Component {
  
  render() {
  return (
    &lt;div className="App"&gt;
      INSERT JSON HERE
    &lt;/div&gt;
    );
   }
  }
  
  export default App;
  </code></pre>
  
  <p>I have also retrieved the response using</p>
  
  <pre><code>fetch('https://api.stackexchange.com/2.2/search?order=desc&amp;sort=activity&amp;intitle=perl&amp;site=stackoverflow')
      .then(function(res) {
          return res.json();
      }).then(function(json) {
          console.log(json);
      });
  </code></pre>
  
  <p>I originally started by using axios because I thought "oh man, I'm going to use axios because who's awesome?  I'm awesome." </p>
  
  <pre><code>axios.get('https://api.stackexchange.com/2.2/search?order=desc&amp;sort=activity&amp;intitle=perl&amp;site=stackoverflow')
    .then(function(response) {
      console.log(response.data);
    });
  </code></pre>
  
  <p>but that was a fallacious because today I am not awesome.  </p>
  
  <p>I'll take whatever help I can get!  My original plans also included using map to just iterate over the "items" so extra points if you can steer me closer to salvation in that area.</p>