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

Question

我有一个包含学生详细信息的两个对象的数组。我想使用 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>
 ))}

我希望看到的文字是

Rahul,math Maximilian,French

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

Answer 1

试试这个：

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

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

Using Map function over an array of objects inside React native not working

ecmascript-6

react-native

map-function