当我尝试从节点 API 获取数据时未定义

石英

我试图在我的反应应用程序中使用 fetch() 方法到 componentDidMount() 方法中。

它适用于 Postman,我从 URL 获取数据。

这是 react App 中的代码:

class WorldMap extends Component {
  constructor(){
    super()

    this.state = {
      zoom: 1,
      color: "#39464E",
      test: ''
    }
  }

  componentDidMount() {
    setTimeout(() => {
      ReactTooltip.rebuild()
    }, 100)

    //get all countries in db
    fetch('http://localhost:3000/country/20', {
      method: 'GET',
      headers: {
        'Accept' : 'application/json',
        'Content-Type' : 'application/json',
      },
    })
    .then(data => {
      this.setState({test: data.name_fr})
    })
  }

  countryClick(geography){ 
    console.log(test)
  }
}

这是我尝试检索数据时在 Postman 中得到的信息:

在此处输入图片说明

问题是当我单击国家/地区时,我在控制台中未定义。

1565986223

从您json在邮递员中结构来看,您似乎需要访问data.name_fr响应。fetch默认为 get 并且您不需要那些额外的标题。您的提取代码可以简化为:

fetch('http://localhost:3000/country/20')
  .then(res => res.json())
  .then(body => console.log(body.data.name_fr))

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从 api 获取数据时,为什么我的答案未定义?

来自分类Dev

尝试管理从 API 获取的未定义值 - React

来自分类Dev

当我尝试通过表单中输入的数据编辑 API URL 并从 API 获取数据时,代码不起作用

来自分类Dev

当我获取数据时,我可以看到该状态已设置,但是当我从状态中调用数据时,它显示对象未定义

来自分类Dev

提交表单时在节点js中获取表单数据:未定义错误

来自分类Dev

当我们尝试添加数据时,MySqli中的TEXT字段显示“未定义”

来自分类Dev

从数据库中获取时,我在CodeIgniter中收到“未定义的变量”错误

来自分类Dev

拉API时在Redux中未定义数据

来自分类Dev

当我尝试调用Outlook Restful API时,获取“只能将操作作为“ POST”请求调用”

来自分类Dev

当我尝试调用我的函数时,为什么会出现“未定义”?

来自分类Dev

当我尝试从API响应访问json数据时,“类型'从不'属性不存在”

来自分类Dev

当我尝试从API响应访问json数据时,“类型'从不'属性不存在”

来自分类Dev

尝试从Rails前端站点创建新文章时,在Rails Json API上获取NoMethodError(nil:NilClass的未定义方法'id')

来自分类Dev

当我尝试用Postman测试我的API时为什么没有传递任何参数?

来自分类Dev

当我尝试使用 Axios 调用 Instagram API 时,我被“CORS 政策阻止”

来自分类Dev

当我尝试放置disabled =“ disabled”时发生未定义的错误

来自分类Dev

当我尝试使用ngRoute时出现未定义错误$ routeProvider

来自分类Dev

当我尝试使用递归时函数名称未定义错误

来自分类Dev

NoMethodError:当我尝试安装Webpacker时,main:Object的未定义方法`get'

来自分类Dev

错误TypeError:当我尝试添加产品时,无法读取未定义的属性“名称”

来自分类Dev

当我尝试从 Controller 读取会话属性时,为什么会出现“未定义”错误

来自分类Dev

Django 错误:名称 '_' 未定义,当我尝试创建新模型时

来自分类Dev

当我尝试发送邮件时,laravel 中的未定义变量

来自分类Dev

尝试对IMGUR api进行Ajax调用时,数据是否未定义?

来自分类Dev

尝试访问json数据(ajax)时未定义

来自分类Dev

在Fetch API响应中使用promise仍会使我的数据返回未定义状态

来自分类Dev

当我使用querySelectorAll时,如何定义未定义?

来自分类Dev

当我尝试使用PHP访问JIRA REST API时未经授权(401)

来自分类Dev

错误无效范围:当我尝试与Facebook API连接时,offline_access,publish_stream

Related 相关文章

  1. 1

    从 api 获取数据时,为什么我的答案未定义?

  2. 2

    尝试管理从 API 获取的未定义值 - React

  3. 3

    当我尝试通过表单中输入的数据编辑 API URL 并从 API 获取数据时,代码不起作用

  4. 4

    当我获取数据时,我可以看到该状态已设置,但是当我从状态中调用数据时,它显示对象未定义

  5. 5

    提交表单时在节点js中获取表单数据:未定义错误

  6. 6

    当我们尝试添加数据时,MySqli中的TEXT字段显示“未定义”

  7. 7

    从数据库中获取时,我在CodeIgniter中收到“未定义的变量”错误

  8. 8

    拉API时在Redux中未定义数据

  9. 9

    当我尝试调用Outlook Restful API时,获取“只能将操作作为“ POST”请求调用”

  10. 10

    当我尝试调用我的函数时,为什么会出现“未定义”?

  11. 11

    当我尝试从API响应访问json数据时,“类型'从不'属性不存在”

  12. 12

    当我尝试从API响应访问json数据时,“类型'从不'属性不存在”

  13. 13

    尝试从Rails前端站点创建新文章时,在Rails Json API上获取NoMethodError(nil:NilClass的未定义方法'id')

  14. 14

    当我尝试用Postman测试我的API时为什么没有传递任何参数?

  15. 15

    当我尝试使用 Axios 调用 Instagram API 时,我被“CORS 政策阻止”

  16. 16

    当我尝试放置disabled =“ disabled”时发生未定义的错误

  17. 17

    当我尝试使用ngRoute时出现未定义错误$ routeProvider

  18. 18

    当我尝试使用递归时函数名称未定义错误

  19. 19

    NoMethodError:当我尝试安装Webpacker时,main:Object的未定义方法`get'

  20. 20

    错误TypeError:当我尝试添加产品时,无法读取未定义的属性“名称”

  21. 21

    当我尝试从 Controller 读取会话属性时,为什么会出现“未定义”错误

  22. 22

    Django 错误:名称 '_' 未定义,当我尝试创建新模型时

  23. 23

    当我尝试发送邮件时,laravel 中的未定义变量

  24. 24

    尝试对IMGUR api进行Ajax调用时,数据是否未定义?

  25. 25

    尝试访问json数据(ajax)时未定义

  26. 26

    在Fetch API响应中使用promise仍会使我的数据返回未定义状态

  27. 27

    当我使用querySelectorAll时,如何定义未定义?

  28. 28

    当我尝试使用PHP访问JIRA REST API时未经授权(401)

  29. 29

    错误无效范围:当我尝试与Facebook API连接时,offline_access,publish_stream

热门标签

归档