Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.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 无法在react native中呈现对象数组_Javascript_Reactjs_React Native - Fatal编程技术网

Javascript 无法在react native中呈现对象数组

Javascript 无法在react native中呈现对象数组,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我在React Native中有一组对象,它们在控制台中看起来像这样 [{ "isDonor": true, "name": "Nadi", "photo": "https://gre", "uid": "2ZE" }, { "email": "mmaz", "isDonor"

我在React Native中有一组对象,它们在控制台中看起来像这样

[{
  "isDonor": true,
  "name": "Nadi",
  "photo": "https://gre",
  "uid": "2ZE"
}, {
  "email": "mmaz",
  "isDonor": true,
  "name": "Mz",
  "photo": "https://gra",
  "uid": "Cb"
}]
但当我渲染它时,屏幕上并没有显示代码

{donorsData.map((v, i) => {return <Text key={i}>{v.name}</Text>;})}
{donorsData.map((v,i)=>{return{v.name};})}

我正试图在屏幕上用每个对象的属性来渲染它们

看起来很完美,它应该可以毫无问题地渲染数据,但这里仍然是完整的工作示例:

工作应用程序:

import*as React from'React';
从“react native”导入{文本、视图、样式表、图像};
从“expo常量”导入常量;
常数donorsData=[
{
是的,
姓名:'娜蒂',
照片:'https://i.stack.imgur.com/t8vJf.jpg?s=328&g=1',
uid:'2ZE',
电邮:'nadi@test.com',
},
{
电邮:'mz@test.com',
是的,
名称:“Mz”,
照片:'https://i.stack.imgur.com/t8vJf.jpg?s=328&g=1',
uid:'Cb',
},
];
导出默认函数App(){
返回(
{donorsData.map((v,i)=>{
返回(
{v.name}
{v.email}
);
})}
);
}
const styles=StyleSheet.create({
容器:{
弹性:1,
paddingTop:Constants.statusBarHeight,
背景颜色:“#ecf0f1”,
填充:8,
},
});

您可以将所需数据包装到视图中,并赋予其样式

return (
   <View style={styles.container}>
{donorsData.map((v, i) => {
return <View> 
<Text key={i}>{v.name}</Text>
</View>;
})}
返回(
{donorsData.map((v,i)=>{
回来
{v.name}
;
})}

))

我觉得不错。您是否可以发布组件的完整代码,或者更好地创建一个组件?如果没有呈现任何内容,很可能您的代码甚至没有执行。@Nishant这里是小吃。只需在屏幕上渲染对象,您可以将零食添加到您的问题中吗?我担心它可能会被关闭。@aqsaman零食甚至没有使用
donorsData
变量。请更新它以显示问题。是的,它正在零食上工作,但在模拟器或真实设备上不工作。此外,我希望在不同的
视图中渲染所有对象及其属性。如何做到这一点?但是如果我像这样使用
alert(donorsData.map((v,i)=>{return v.name;}),}/>
那么我将在
alert
中获得这两个名称,更新代码以呈现一张卡中的所有数据。但如果我像这样使用它(donorsData.map((v,i)=>{return v.name;}),)}/>,那么我会在警报中获取这两个名称”,在不查看整个代码的情况下无法进行注释。当数据像u一样存储在对象中时,它会起作用。但我从firebase获取数据,然后它就不起作用了