1

テーブルで視覚化したい Javascript 配列の例があります。

配列は次のとおりです。

    var dataTable = [
        {   First:    {In: "5 MB", Out: "6 MB"},
            Second:    {In: "5 MB", Out: "1 MB"},
            Other:  {In: "0.2 MB", Out: "2 MB"}
        }
    ];

React で使用fixed-data-tableして、このデータをテーブルに入れたいと思います。ここで、First、Second、および Other は行であり、IN/OUT は列です。

フィールドに「in」値を入力し、その後「Out」値を入力したいとします。ネストされた値を参照しFirst[0].InてFirst[0].Out取得し、特定のセルに表示する必要がありますか?

4

1 に答える 1

2

この構造は、、 、dataTableという名前のキーを持つオブジェクトである単一の要素を含む配列 ( )のように見えます。FirstSecondOther

InのおよびOutプロパティにアクセスするには、またはFirstのように参照します。dataTable[0].First.IndataTable[0].First.Out

についてはSecond、同じパターンに従います:dataTable[0].Second.Inなど。

dataTable[0]または、プロパティに繰り返しアクセスする場合は、への参照を変数として保存しないでください。

var toShow = dataTable[0];
console.log(toShow.First.In);
console.log(toShow.Other.Out);

それはあなたに一般的な考えを与えるはずです。配列にインデックスを付けてから、オブジェクトのキーを使用して必要なデータにアクセスしています。

dataTable固定キーを持つ単一のオブジェクトを含める場合、配列である必要はまったくないように思えます。おそらく、代わりにオブジェクトの配列にしたいので、それぞれに個別にインデックスを付けることができますか? どちらの方法でも機能するため、それはあなた次第です。

于 2017-01-10T13:28:54.387 に答える