Javascript 使用map函数遍历要在元素中渲染的对象数组

我正在使用一个可以在幻灯片中渲染视图的包

我试图通过创建一个包含文本和图像源字符串的对象数组来浏览每个视图

我有两种方法：

为此创建一个新的应用程序。函数，并在page元素内的“{this.function}”内调用它

&

---

您以错误的方式访问map函数

<Pages>
{
    pages.map((page, index) => {
        return (
            <View key={index}>
                <Image uri={page.imageSource} />
                <Text> {page.text} </Text>
            </View>
        )
    })
}
</Pages>

{
pages.map（（页面，索引）=>{
返回(
{page.text}
)
})
}

医生

---

map（（值，索引）=>{}）

使用array.map时出错，应该是

array.map（函数（arrayItem，index）{}

，而不是

[arrayItem，index]

对于您的代码：

return (
  <Pages>
    { pages.map((value, index) => {
      return (
        <View key={index}>
          <Image uri={value.imageSource} />
          <Text> {value.text} </Text>
        </View>
      )
    })}
  </Pages>
)

返回(
{pages.map（（值，索引）=>{
返回(
{value.text}
)
})}
)

<Pages>
{
    pages.map((page, index) => {
        return (
            <View key={index}>
                <Image uri={page.imageSource} />
                <Text> {page.text} </Text>
            </View>
        )
    })
}
</Pages>

return (
  <Pages>
    { pages.map((value, index) => {
      return (
        <View key={index}>
          <Image uri={value.imageSource} />
          <Text> {value.text} </Text>
        </View>
      )
    })}
  </Pages>
)