Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何映射对象属性_Javascript_Reactjs_Object - Fatal编程技术网

Javascript 如何映射对象属性

Javascript 如何映射对象属性,javascript,reactjs,object,Javascript,Reactjs,Object,我试图映射一个具有“x”属性的对象数组,以便在html表中显示这些属性,用于系统报告页面。但是,它返回一个包含所有属性和所有对象的字符串,因此它不允许我设置这些属性的样式。。。这个想法被设置为“间隔”,显示在标题下方。 OBS:使用react js {Test.map(项=>{ 设keys=Object.keys(项); 返回keys.map(key=>item[key]); })} 其工作原理示例: [{“a”:“a”,“b”:“b”,“c”:“c”},{“d”:“d”,“e”:“e”,“

我试图映射一个具有“x”属性的对象数组,以便在html表中显示这些属性,用于系统报告页面。但是,它返回一个包含所有属性和所有对象的字符串,因此它不允许我设置这些属性的样式。。。这个想法被设置为“间隔”,显示在标题下方。 OBS:使用react js


{Test.map(项=>{
设keys=Object.keys(项);
返回keys.map(key=>item[key]);
})}
其工作原理示例:
[{“a”:“a”,“b”:“b”,“c”:“c”},{“d”:“d”,“e”:“e”,“f”:“f”},{“g”:“g”,“h”:“h”,“i”:“i”}]
应为:
a

b

c

, d

e

f

, g

h

i


实际值:
abcdefghi

您可以在
Object.keys()之后用
'
空格连接数组

让arr=[{“a”:“a”,“b”:“b”,“c”:“c”},{“d”:“d”,“e”:“e”,“f”:“f”},{“g”:“g”,“h”:“h”,“i”:“i”};
设res=arr.map(a=>{return`${Object.keys(a).map(k=>{return`${a[k]}

`}}) console.log(res)
<Text style={styles.infos}>
      {Test.map(item => (<p>{Object.keys(item).join('')}<p>))}
</Text>