Reactjs React API调用，can'；t指定作为道具传递给其他组件

我想看看我是否可以得到一些关于如何在这个api调用中调用数据点的帮助，它是一个数字数组，所以字段值可能是6。但我无法在屏幕上加载任何内容。我的电话正在工作，因为我正在装货。。。当为空时，但它只是消失，不显示任何内容。每当我尝试为数据分配一个数字时，它都会显示Unrecogned

import React, { Component } from 'react'

let headers = {
  'QB-Realm-Hostname': 'XXXXXXXXXXXXXX.quickbase.com',
  'User-Agent': 'FileService_Integration_V2.1',
  'Authorization': 'QB-USER-TOKEN XXX_XXXX_XXXXXXXXXXXXXXXXXXX',
  'Content-Type': 'application/json'
};

class JobsTableApi extends Component {
  state = {
    data: null,
  }

  componentDidMount() {
    this.fetchData();
  }    

  fetchData = () => {    
    let body = {"from":"bpz99ram7","select":[3,6,80,81,82,83,86,84,88,89,90,91,92,93,94,95,96,97,98,99,101,103,104,105,106,107,109,111,113,115,120,123,224,225,226,227,228,229,230,231,477,479,480,481],"sortBy":[{"fieldId":6,"order":"ASC"}],"groupBy":[{"fieldId":40,"grouping":"equal-values"}],"options":{"skip":0,"top":0,"compareWithAppLocalTime":false}}

    fetch('https://api.quickbase.com/v1/records/query', {
      method: 'POST',
      headers: headers,
      body: JSON.stringify(body)
    }).then(response => {
      if (response.ok) {
        return response.json().then(res => {
          this.setState({
            data: [],
          })
        });
      }

      return response.json().then(resBody => Promise.reject({status: response.status, ...resBody}));
    }).catch(err => console.log(err))
  }

  render() {
    const { data } = this.state;

    if (data === null) return 'Loading...';

    return (
        <div>{data["3"]}</div>
    )
  }
}

export default JobsTableApi;

---

被卡住了，无法让它工作。我需要一些帮助！正在尝试找出如何选择所有数据点并将其设置为值，以便我可以将它们分配给其他组件折线图以显示数据。

您确定

数据：[].value，

？一点也不确定。这只是我尝试不同的东西来渲染数据。我把它改成了

data:[]，

，你声明

data

是一个数组，但你把它当作一个对象

data[“3”]。value

？这也是一些测试。而不是

data[“3”].value

我正在尝试

data[“3”]

到目前为止，这是我能得到的最接近的数据，加载出现，但随后消失，没有显示任何内容。更新帖子以显示当前代码。数据[“3”]也是一个对象。只有当数据是数组时，才能使用

data[3]

。我认为你需要提出更明确的问题

{
    "data": [
        {
            "3": {
                "value": 43
            },
            "18": {
                "value": "Radiant"
            },
            "20": {
                "value": null
            },
            "144": {
                "value": null
            },
            "145": {
                "value": 33230
            },
            "171": {
                "value": 8
            },
            "172": {
                "value": 228
            },
            "174": {
                "value": 270
            },
            "212": {
                "value": 0
            },
            "215": {
                "value": 8.34487776140499
            },
            "216": {
                "value": 16.34487776140499
            },
            "217": {
                "value": 244.344877761405
            },
            "218": {
                "value": 572.3449342166289
            },
            "219": {
                "value": 842.3449342166289
            },
            "220": {
                "value": 861.8163156599072
            },
            "221": {
                "value": 877.8106647026001
            },
            "222": {
                "value": 0
            },
            "223": {
                "value": 239.256
            },
            "227": {
                "value": 5050.96
            },
            "230": {
                "value": 239.256
            },
            "231": {
                "value": 239.256
            },
            "232": {
                "value": 17339.414
            },
            "233": {
                "value": 26743.504
            },
            "234": {
                "value": 22390.374
            },
            "235": {
                "value": 22948.638
            },
            "236": {
                "value": 23407.212
            },
            "244": {
                "value": 0
            },
            "249": {
                "value": 0
            },
            "322": {
                "value": 870.6260000000001
            },
            "325": {
                "value": 17100.158
            },
            "338": {
                "value": ""
            },
            "349": {
                "value": 8
            },
            "350": {
                "value": 0
            },
            "351": {
                "value": 220
            },
            "366": {
                "value": 0
            },
            "438": {
                "value": null
            },
            "513": {
                "value": 278
            },
            "516": {
                "value": 23261
            },
            "517": {
                "value": 17339.414
            }
        }