Javascript 无法在react native中呈现对象数组
我在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"
[{
"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获取数据,然后它就不起作用了