Currently trying to write a react app where I use data from an api. I have an async componentDidMount attempting to set the state with the awaited array, returned from getGameData()
async componentDidMount() {
const data = await getGameData()
this.setState({
games: await data
});
}
However, when I log the state value of the state array, "data" along with its length it returns 0 for length, but the data is visible in the array (See picture). I believe this is what is causing further problems preventing me from mapping the array. Thanks in advance for any help resolving this issue.
Note: Have tried with and without await before data, the problem persists.