title: Rendering json data with axios.get
body: <p>I am new to react.js and I am trying to fetch server side data in JSON format in a table. So what I did is:</p>
  
  <pre><code>export default class TableUser extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
      table: [],
    }
  }
  componentDidMount(){
    axios.get('http://www.reddit.com/r/reactjs.json')
      .then((response)=&gt;{
        const table = response.data.map(obj =&gt; obj.data);
          this.setState({ table });
        })
      .catch((err)=&gt;{
  
      })
  }
  </code></pre>
  
  <p>And I am rendering this in a <code>&lt;div&gt;</code> like:</p>
  
  <pre><code>render(){
      &lt;div&gt;&lt;p&gt;{this.state.table.kind}&lt;/p&gt;&lt;/div&gt;
  }
  </code></pre>
  
  <p>why I am not getting the value for <code>kind</code>?
  Please suggest!!</p>