score:0

Accepted answer

don't store entire components in the state. only store the information needed to render them. also, you're not using the result of the fetch, and you're state is also kinda referencing itself (since it's a component which has the state as a prop).

you'll want to do something like this:

    this.setstate({
      playerdata: result.data    // store data from result object in state
    })

and then render the component when the data is there:

{
    this.state.playerdata === null ?
    "loading player data..." :
    <userdata info={this.state.playerdata} />
}

Related Query

More Query from same tag