在React Native解析方法中解析JSON不起作用

时间:2018-06-03 19:15:06

标签: api react-native fetch

我试图通过从React Native App获取来调用API,但由于某种原因它没有记录响应数据(console.warn('数据',数据))。它打印了对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 at components / api-client.js

我做错了什么?

1 个答案:

答案 0 :(得分:2)

首先在你的“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))
      });
  }