score:5

Accepted answer

as pointed out by azium my data is an object and not an array like my results were expecting.

to get the "game" array inside the "games" field i set the state as the following:

this.setstate({data: data.data.games.game});

to get the other fields i simply created a new state and passed it through a prop i.e. modified_date:

this.state.date = data.data.games.modified_date

the warning: each child in an array or iterator should have a unique "key" prop. was fixed by adding a "key" property inside the .map method:

render: function() {
    var gamedate = this.props.data.map(function(data) {
        return (
            <h1 key={data.location} >{data.location} </h1>
        );
    });

Related Query

More Query from same tag