Rendering json data with axios.get
<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>