反应本机数组映射不迭代

Question

我正在尝试使用 map 方法迭代数组中的所有项目，但是当数组中有项目时，它不会迭代任何项目。我错过了什么吗？

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

控制台.log输出：

[
{
"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"
}
]

Answer 1

您尚未返回map function的结果

您可以显式返回它，例如

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

或使用隐式返回，例如

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

Answer 2

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