[英]Map function on object and get keys and values Javascript
我有一个像这样的 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 中同时获得两者? 请帮忙谢谢。
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>
))
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.