reactjs - API 呼び出しでデータをレンダリングできない

Question

私はかなり長い間これに固執してきました.getリクエストを使用できず、フィールド値を取り戻すことができる唯一の方法であるため、postを使用する必要があります. そして、私が何をしても、レンダリングするデータを取得することはできません.今のところ、私が見るのは読み込みだけです...データがnullであることを教えてくれます. まだこれを変更する方法がわかりません。どんな助けでも大歓迎です。

これは、Fetch を使用して QuickBase RESTful API を呼び出し、複数のフィールド値を取得して、折れ線グラフのデータ ポイントとして使用するだけです。これがそれほど難しいことではないことはわかっていますが、データをレンダリングすることはできません。React も使用します。

import React, { Component } from 'react'

let headers = {
  'QB-Realm-Hostname': 'XXXXXXXXXXX.quickbase.com',
  'User-Agent': 'FileService_Integration_V2.1',
  'Authorization': 'QB-USER-TOKEN XXXXXX_XXXXX_XXXXXXXXXXXXXXXX',
  '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(res => res.json())
      .then( res => {
          this.setState({
            data: [],
          })
        });
      }

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

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

    return (
        <div>
          <h3>
            {data}
          </h3>
        </div>
    )
  }
}

export default JobsTableApi;

何人かのユーザーはマップを通過すると言いましたが、問題は、現在のコードではどうすればよいかわからないことです。data.value を使用すると言う人もいますが、それは配列です。「ジョブ名」フィールドまたは「金額」フィールドがないため、データ[3]を試しました。上記の選択した本文のように、すべて番号で分割されています。

ありがとう、