【问题标题】:Can't map through data from API无法映射来自 API 的数据
【发布时间】:2020-11-01 06:31:41
【问题描述】:

我想映射 API 数据。你能帮忙吗?

【问题讨论】:

  • 请不要上传images of code。它们不能被复制来重现问题,它们不能被未来的读者搜索,它们比文本更难阅读。请以文本形式发布实际代码以创建minimal reproducible example
  • 来自您的 API 的响应是一个对象,而不是一个数组 :) .. 所以您可以使用键映射来循环对象。

标签: javascript reactjs react-redux


【解决方案1】:

编辑

我的错,对象内部的道具只是数字,所以你需要使用 Object.keys 来循环对象

Object.keys(totalCases).map(item=> <div>{totalCases[item]}</div>)

——————————————————

totalCases 是一个对象而不是数组,但是您可以映射该对象内的任何数组

totalCases.cases.map()

【讨论】:

    【解决方案2】:

    当你返回一个 html 标签时,映射不起作用,试试这个:

    import React, { Component } from 'react' 
    
    {React.Children.map(totalCases, (data, index) => (
                  <li>{data}</li>
     ))}
    

    【讨论】:

      猜你喜欢
      • 2017-10-05
      • 2018-01-22
      • 2019-06-12
      • 2022-12-11
      • 2021-11-09
      • 2013-11-29
      • 1970-01-01
      • 2016-07-26
      • 1970-01-01
      相关资源
      最近更新 更多