title: Parsing JSON response and rendering it in React
body: <p>I am trying to display json response in my react component</p>
  
  <pre><code>class JsonComponents extends React.Component {
  
    constructor() {
      super();
  
      this.state = {
        components: []
      };
    }
  
  
  
    _fetchComponents() {
     jQuery.ajax ({
        method: 'GET',
        url: 'https://api.github.com/users/mralexgray/repos',
        success: (components) =&gt; {
          this.setState({components})
          console.log("Logging something ", this.state.components);
        }
      });
  
  
    }
    componentWillMount() {
      this._fetchComponents();
    }
  
    render() {
  
  // HOw to parse JSON and render it in a table in JSX?
       return &lt;div&gt;&lt;pre&gt;{JSON.stringify(this.state.components, null, 2) }&lt;/pre&gt;&lt;/div&gt;;
  
  
    }
  
  }
  
  ReactDOM.render(&lt;JsonComponents  /&gt;, 
    document.getElementById('container'));
  </code></pre>
  
  <p>HOw do I parse the returned json and render only a key from the response?</p>