問題タブ [quickbase]

API呼び出しから各フィールドにアクセスしてレンダリングし、複数のコンポーネントで使用できるように、現在のAPI呼び出しをコーディングする方法を見つけようとしています。POST のみがフィールド値をプルできるようにする QuickBase API 呼び出しを使用しています。私は数年間ゲームから離れていましたが、api.js ファイルをインポートして他のコンポーネントで使用できるようにこれらを正確にレンダリングする方法がわかりません。このプロジェクトは、QuickBase データを取得するための Electron 内の React であり、折れ線グラフ (1 ページに 7 つ) を作成して、ジョブのコスト/時間と、ジョブに含まれる部門のコスト/時間を表示できます。私のデータはすべてクイックベースにあります。反応して実際に使用できるようにする方法がわかりません!

ここに私のAPI呼び出しがあります:

私はこれにしばらく苦労していたので、どんな助けでも大歓迎です！現在、コンソールですべての正しいデータを取得できます。しかし、実際に使用するためにアプリケーションでレンダリングする方法がわかりません。

ありがとう！

私はこのデータセットを取得するのに苦労しており、複数のコンポーネントにまたがって表示できるようにしています。現在、React アプリケーションで Chart.js から折れ線グラフを生成する 6 つの異なるコンポーネントがあります。QuickBase RESTful API から API 呼び出しを完了して 2 つの異なるテーブルを呼び出し、各テーブルからフィールドのリストを取得しようとしています。したがって、構造内に、これらの 2 つの異なる API 呼び出しを格納する 2 つのファイルが各テーブルにあります。これらの API 呼び出しを正常に完了し、必要に応じてデータを実際にレンダリングして、これらすべてのチャートで使用できるようになることを願っています。これで私を助けることができる人はいますか？しばらくこれに固執しています...これまでのAPI呼び出しの内容は次のとおりです。

したがって、最終的には、必要に応じて折れ線グラフに割り当てることができるように、「選択」セクションに記載されているすべてのフィールドを選択しようとしています。レンダリングするものを何も取得できない場合、ここで何が間違っていますか?? アイデアは、私たちのクイックベースはプロジェクト管理用であるため、ページ上の 1 つの折れ線グラフは「合計」であり、他のものはそのジョブに含まれる部門のものであり、それらはすべて関連しており、データはすべてクイックベースにあり、私のコンソールでは、しかし、これをすべて適切にレンダリングする方法がわからないので、折れ線グラフを作成し、ジョブ名に基づいて結果を循環させることができます。

jsonが次のようにやってくるので、各フィールド名を呼び出す方法もわかりません: data: 0, 3, 18

0 = そのジョブのすべての情報、3 = ジョブ名を持つ実際のフィールド、18 = 部署名など。

私のアイデアは、これらすべての折れ線グラフを 1 つのページに表示して、ジョブの合計と各部門の合計を表示し、タイマーを設定して、スライダー ライブラリなどを使用してすべてのジョブを循環させることでした。

だから今のところ、特定のフィールドを選択して折れ線グラフコンポーネントで使用できるようにコードを書く方法を見つけようとしています。

どんな助けでも大歓迎です！

ありがとう！

更新 ジョブ名と ID を循環させる App.js の最初の API 呼び出しに基づいて、必要な各 ID を選択できるようになりました。そのため、現在表示されている ID は、props として送信され、QuickBase から返されるものを決定する QuickBase API 呼び出しで使用されます。

App.js

LineChart.js

このAPI呼び出しでデータポイントを呼び出す方法について何か助けが得られるかどうかを知りたかったのですが、これは数値の配列であるため、フィールド値は6になる可能性があります.しかし、画面に何もロードすることはできません. Loading... when null を取得しているため、呼び出しは機能していますが、その後は消えて何も表示されません。Number をデータに割り当てようとすると、認識されないと表示されます。

API データ 例:

更新: {jobId} を App.js のプロップとして設定できます。これは折れ線グラフの親であるため、ここに真実が必要です。次に、これを各折れ線グラフに送信してプルベースにすることができますAPI 呼び出しの結果を決定するタイトル (および ID) が表示されます。

App.js

LineChart.js

ご覧のとおり、API は App.js から取得された {jobId} の「#」ID を取得しています。これは、API 本体でも確認できます。

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

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

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

ありがとう、