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

Question

I have an array of two objects which contains student details. I want to iterate the array using map function to show the name and the 'sub1' of both students in the screen using react native. My array is this:

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

I am writing the map function like below:

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

I want to see the texts as

Rahul,math Maximilian,French

in my screen. What am I missing?

question from:https://stackoverflow.com/questions/65894591/using-map-function-over-an-array-of-objects-inside-react-native-not-working

Answer 1

Try this:

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