配列からテーブルを動的に作成するにはどうすればよいですか?

Question

ヘッダー名を含む動的データを含むテーブルを作成するユースケースがあります。 API 応答から配列を再構築する複数の方法を試しましたが、まだ開発できません。

次のように応答から配列を受け取ります

リーリー

グリッドの期待される配列

リーリー

テーブルの例

Object.keys() とマップを使用しようとしましたが、配列を正しく構築できません。コードはクライアント システム上にあるため、共有できません。アレイの再構築を手伝ってください。

私のコードは

です リーリー

これが正しいかどうかわかりません。トラブルにあっている＃＃＃

Answer 1

rowList を使用するというアイデアは良いですが、(後でデータを各ラベルに関連付ける必要がある場合に) 入力オブジェクト内でキーの順序付けが行われることを前提としています。通常、通常のオブジェクト内の何かに依存するのは悪いアイデアです # ＃＃注文＃＃＃。 ただし、

rowList

は何もしません。反復処理を行っても、コードは item を使用しません (他の item 変数を定義します)。 2 番目に、

.map

コールバックには未知の変数 object があります。 なぜ

id

キーと name キーを使用してオブジェクトを生成し、${ Index }-${ item } # の形式で文字列を生成するのか理解できません。 ## これは質問の内容と一致しないためです。 私が推奨するのは次のとおりです:

リーリー