访问具有多个部分的API / json时出现问题

Question

我正在尝试将以下json文件的所有部分显示在我的reactjs页面中：https://api.myjson.com/bins/cdres

下面是代码：

undefined

...代码适用于从json文件的段和总计部分使用数据，但是从顶部获取id和用户名时遇到问题？

Answer 1

data是一个对象而不是一个数组，因此在其上调用map会触发错误。

只需改为this.state.data.segments.map(...)，然后将初始状态更改为

state = { data: { segments: [] } }

Answer 2

map是array的函数。 data是一个对象，而data.segments是一个数组。您需要更改以下代码

 <div className="clientContainer">
  {
     this.state.data.segments.map( item =>( //change here
     <div>
        <span> {item.clientName} </span>
     </div>
  ))
  }
  </div>