Map function 上 object 並獲取鍵和值 Z9E13B69D1D2DA927102ACAAAF7154A37

Question

我有一個像這樣的 object：

{"Job": "Electrician", "Starbucks": "Vanilla Frapaccino"}

我需要 map 來獲取像這樣的 React 組件中的鍵和值。

            return<DetailCell>
                <Label>{key}</Label>
                <Text style={TextStyle}>{value}</Text>
            </DetailCell>

map function 說細節說它未定義。 如果我做 Object.keys(details) 然后我得到鑰匙。 如何在 React Native 中同時獲得兩者？ 請幫忙謝謝。

Answer 1

Object.entries()返回鍵值對數組（ [[key1,value1],[key2,value2]..]您可以通過這種方式.map()使用解構語法）：

const src = {"Job": "Electrician", "Starbucks": "Vanilla Frapaccino"}
...
Object.entries(src).map(([key,value]) => (
   <DetailCell>
      <Label>{key}</Label>
      <Text style={TextStyle}>{value}</Text>
   </DetailCell>
))