React API 调用，无法分配作为道具传递给其他组件

如何解决React API 调用，无法分配作为道具传递给其他组件

我想看看我是否可以获得有关如何在此 api 调用中调用数据点的帮助，它是一个数字数组，因此字段值可能是 6。但我无法加载任何内容屏幕。我的电话正在工作，因为我正在加载......当为空时，但它只是消失并且不显示任何内容。每当我尝试为数据分配一个数字时，它都会说无法识别。

struct vec4
{
    float x = 0;
    float y = 0;
    float z = 0;
    float w = 0;

    vec4() = default;
    vec4(float x,float y,float z,float w) : x(x),y(y),z(z),w(w) {}

    const float& operator[](int i) const
    {
        switch (i)
        {
        case 0: return x;
        case 1: return y;
        case 2: return z;
        case 3: return w;
        default: __debugbreak();
        }
    }
    
    float& operator[](int i)
    {
        // this is safe because we are in a non-const function,so this cant point to a const object
        return const_cast<float&>(static_cast<const vec4&>(*this)[i]);
    }
};

API 数据示例：

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;

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