Разбор JSON в методе React Native fetch не работает

Question

Я пытаюсь вызвать API с выборкой из React Native App, но по какой-то причине не регистрирует данные ответа (console.warn ('data', data))).Он печатает журнал 'call to getArtists', но тогда ничего не происходит.

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)
    })
}

Код доступен здесь: https://snack.expo.io/rkzea2Zlm в компонентах / api-client.js

Что такоеЯ делаю не так?

Answer 1

Сначала в вашем "api_client.js", поместите возврат внутрь, как показано ниже.

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

В вашем App.js просто сделайте это внутри componentWillMount.

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