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?

I edited my question, after adding <Text> it is not showing anything. — Sarah
– Sarah, Commented Jan 26, 2021 at 1:27

Sakshi · Accepted Answer · 2021-01-26 08:14:10Z

1

Try this:

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

answered Jan 26, 2021 at 8:14

Sakshi

1,5563 gold badges11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related