Parsing JSON in React Native fetch method doesnt work

Issue

I'm trying to call an API with fetch from React Native App but it doesn't log the response data (console.warn('data', data)) for some reason. It prints the 'call to getArtists' log but then nothing happens.

const URL = 'https://jsonplaceholder.typicode.com/posts'

function getArtists(){
  console.log('call to getArtists')
  return fetch(URL)
    .then(response => response.json())
    .then(data => {
      console.warn('data', data)
    })
}

Code is available here: https://snack.expo.io/rkzea2Zlm at components/api-client.js

What am I doing wrong?

Solution

First in your "api_client.js", put a return inside like the code bellow.

function getArtists(){
  console.log('call to getArtists')
  return fetch(URL)
    .then(response => response.json())
    .then(data => {
      return data
    })
}

In your App.js just do that inside componentWillMount.

componentDidMount(){
    getArtists()
      .then(data => {
        alert(JSON.stringify(data))
      });
  }

Answered By - Alan Oliveira de Quadros