Saya mengalami masalah untuk merender A variable Parent Attribute di React. Sebagai contoh

[
  {
    "IT2183": {
        "Location": "US",
        "Price": "$10",
        "Name": "Chairs",
    }
  },
  {
    "IT5846": {  // This Attribute is not Stable. It is Item ID which is different for every record.
        "Location": "US",
        "Price": "$20",
        "Name": "Note Book",
    }
  }
]

{data.map((Item) => (
  <div>
    {attribute.Location} //As Attribute name in the Array is not stable. How to call it. 
    {attribute.Price}
    {attribute.Name}
  </div>
))}

Dalam contoh di atas Id Item yang merupakan atribut induk dan objek lain bersarang di dalamnya. Untuk setiap record berbeda-beda yang pada dasarnya adalah Item ID. Saya tidak tahu bagaimana menyebutnya.

Terima kasih.

1
Jennifer 20 November 2020, 11:16

1 menjawab

Jawaban Terbaik

Gunakan Object.values.

{data.map((Item) => (
  <div>
    {Object.values(Item)[0].Location}
    {Object.values(Item)[0].Price}
    {Object.values(Item)[0].Name}
  </div>
))}
1
William Wang 20 November 2020, 08:22