[英]Map function on object and get keys and values Javascript
I have an object like this:我有一个像这样的 object:
{"Job": "Electrician", "Starbucks": "Vanilla Frapaccino"}
I need to map over it to get the key and the value in a React component like this.我需要 map 来获取像这样的 React 组件中的键和值。
return<DetailCell>
<Label>{key}</Label>
<Text style={TextStyle}>{value}</Text>
</DetailCell>
map function says details says its undefined. map function 说细节说它未定义。 If I do Object.keys(details) then I get the keys.如果我做 Object.keys(details) 然后我得到钥匙。 How do I get both in React Native?如何在 React Native 中同时获得两者? Please help thanks.请帮忙谢谢。
Object.entries()
returns the array of key value pairs ( [[key1,value1],[key2,value2]..]
which you can .map()
this way (using destructuring syntax ): 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.