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

罗生门

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

我究竟做错了什么?

艾伦·奥利维拉·德·夸德罗斯

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Native fetch 在另一个 fetch 回调中不起作用

来自分类Dev

使用 fetch 上传图像在 React Native (iOS) 中不起作用

来自分类Dev

订阅在React Native中不起作用?

来自分类Dev

flex在react-native中的ScrollView中不起作用

来自分类Dev

react-native-fetch-blob IOS API openDocument 不起作用

来自分类Dev

开关盒在React Native中不起作用

来自分类Dev

number.toLocaleString()在react-native中不起作用

来自分类Dev

Axios发布请求在React Native中不起作用

来自分类Dev

posesEnabled:false在React Native中不起作用

来自分类Dev

onPress在React Native Flatlist中不起作用

来自分类Dev

React Native:NavigationOptions中的标题样式不起作用

来自分类Dev

componentDidMount或componentWillMount在React-Native中不起作用?

来自分类Dev

Pressable在React-Native Android中不起作用

来自分类Dev

获取在 React Native ios 中不起作用

来自分类Dev

Tab 中的 react-native-maps 不起作用

来自分类Dev

React Native 中的垂直居中不起作用

来自分类Dev

react-native 中的导航不起作用

来自分类Dev

视图样式在 React Native 中不起作用

来自分类Dev

无法解析通过 React 中的 fetch 方法返回的 JSON 数据

来自分类Dev

React Native Typescript模板不起作用

来自分类Dev

React Native Android Example不起作用

来自分类Dev

React Native条件不起作用?

来自分类Dev

React Native Android模块不起作用

来自分类Dev

React-native Scrollview 不起作用

来自分类Dev

JSON解析在jQuery中不起作用

来自分类Dev

调试为什么特定字体在React Native中不起作用

来自分类Dev

循环和渲染元素在React-native中不起作用

来自分类Dev

React Native中的Flex框不起作用按钮不会显示

来自分类Dev

FlatList onEndReached事件在React-Native上的ScrollView中不起作用

Related 相关文章

  1. 1

    React Native fetch 在另一个 fetch 回调中不起作用

  2. 2

    使用 fetch 上传图像在 React Native (iOS) 中不起作用

  3. 3

    订阅在React Native中不起作用?

  4. 4

    flex在react-native中的ScrollView中不起作用

  5. 5

    react-native-fetch-blob IOS API openDocument 不起作用

  6. 6

    开关盒在React Native中不起作用

  7. 7

    number.toLocaleString()在react-native中不起作用

  8. 8

    Axios发布请求在React Native中不起作用

  9. 9

    posesEnabled:false在React Native中不起作用

  10. 10

    onPress在React Native Flatlist中不起作用

  11. 11

    React Native:NavigationOptions中的标题样式不起作用

  12. 12

    componentDidMount或componentWillMount在React-Native中不起作用?

  13. 13

    Pressable在React-Native Android中不起作用

  14. 14

    获取在 React Native ios 中不起作用

  15. 15

    Tab 中的 react-native-maps 不起作用

  16. 16

    React Native 中的垂直居中不起作用

  17. 17

    react-native 中的导航不起作用

  18. 18

    视图样式在 React Native 中不起作用

  19. 19

    无法解析通过 React 中的 fetch 方法返回的 JSON 数据

  20. 20

    React Native Typescript模板不起作用

  21. 21

    React Native Android Example不起作用

  22. 22

    React Native条件不起作用?

  23. 23

    React Native Android模块不起作用

  24. 24

    React-native Scrollview 不起作用

  25. 25

    JSON解析在jQuery中不起作用

  26. 26

    调试为什么特定字体在React Native中不起作用

  27. 27

    循环和渲染元素在React-native中不起作用

  28. 28

    React Native中的Flex框不起作用按钮不会显示

  29. 29

    FlatList onEndReached事件在React-Native上的ScrollView中不起作用

热门标签

归档