react-native array map not iterating

Question

I am trying to iterate over all items in my array, using the map method, but it doesn't iterate over any items while there are item in the array. Am I missing something?

answers(answers: IAnswer[]) {
        console.log(answers);
        return (
            <View>
                {
                    answers.map((answer) => {
                        <Text key={answer.id}>Test</Text>
                    })}
            </View>
        )
    }

console.log output:

[
   {
      "correct":false,
      "id":"11",
      "value":"De vorm van een zon"
   },
   {
      "correct":false,
      "id":"22",
      "value":"Een vierkant"
   },
   {
      "correct":true,
      "id":"33",
      "value":"Vierkant of rechthoekig"
   }
]

Dont use answers.map((answer) ={...} ) like this. when you render tags , you can use round brackets like this answers.map((answer) => ( <Text key={answer.id}>Test</Text> )) — Waleed Nasir
– Waleed Nasir, Commented May 11, 2020 at 12:45

Shubham Khatri · Accepted Answer · 2020-05-11 12:45:44Z

1

You haven't returned the result of your map function

You can either return it explicitly like

{
    answers.map((answer) => {
        return <Text key={answer.id}>Test</Text> // return the result
    })
}

or use implicit return like

{
    answers.map((answer) => ( // implicit return uses `()` brackets
        <Text key={answer.id}>Test</Text> 
    ))
}

answered May 11, 2020 at 12:45

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

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

Comments

Waleed Nasir · Accepted Answer · 2020-05-11 12:46:25Z

1

answers(answers: IAnswer[]) {
        console.log(answers);
        return (
            <View>
                {
                    answers.map((answer) => ( //replace { to ( here
                        <Text key={answer.id}>Test</Text>
                    ) //replace } to ) here
                   )}
            </View>
        )
    }

answered May 11, 2020 at 12:46

Waleed Nasir

6076 silver badges9 bronze badges

Collectives™ on Stack Overflow

react-native array map not iterating

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related