在 React Native 中的对象数组上使用 Map 函数不起作用

如何解决在 React Native 中的对象数组上使用 Map 函数不起作用

我有一个包含学生详细信息的两个对象的数组。我想使用 map 函数迭代数组，以使用 react native 在屏幕上显示两个学生的姓名和“sub1”。 我的数组是这样的：

const Students = [{'id':"123",'name':'Rahul','subjects':{
                'sub1': 'math','sub2':'physics'}
              },{'id':"345",'name':'Maximilian','subjects':{
                'sub1': 'french','sub2': 'English'}
              }]

我正在编写如下地图函数：

{Students.map((student:any)=> (
  <View>  
   <Text>
      {student.name},{student.subjects.sub1}
   </Text>
  </View>
 ))}

我想看到文字

拉胡尔，数学马克西米利安，法语

在我的屏幕上。我错过了什么？

解决方法

试试这个：

return(
//display here whatever you want to 
{Students.map((student:any)=> (
  return(<View>  
   <Text>
      {student.name},{student.subjects.sub1}
   </Text>
  </View>)
 ))}
)