数组不呈现列表

Question

我试图在数组内部渲染数组但不渲染

这里是代码

{versiclesArray.map((chapter, i) => {
   chapter.map((versicle, j) => {
     return <Text key={`${i}${j}`}>{versicle}</Text>;
   });
})}

Answer 1

缺少第一次返回，只需切换到parens而不是大括号：

{versiclesArray.map((chapter, i) => (
   chapter.map((versicle, j) => {
     return <Text key={`${i}${j}`}>{versicle}</Text>;
   });
))}

或

{versiclesArray.map((chapter, i) => {
  return chapter.map((versicle, j) => {
     return <Text key={`${i}${j}`}>{versicle}</Text>;
   });
})}

Answer 2

你必须回复你的第一张地图电话

return chapter.map((versicle, j) => {
    return <Text...
}

或者你可以：

versiclesArray.map((chapter, i) => 
    chapter.map((versicle, j) => <Text...

谢谢@Mörre

Answer 3

map函数总是返回一个项目数组，map是自返回的，但如果你是嵌套map函数那么子map需要返回

{versiclesArray.map((chapter, i) => {
   return chapter.map((versicle, j) => {
     return <Text key={`${i}${j}`}>{versicle}</Text>;
   });
})}