javascript - 如何在单独的标签中呈现数组中的元素？

Question

我有一个数组中的 JSON 对象列表，我打算将这些元素呈现在Vue Native.

我当前的输出呈现没有任何间距或任何预定义 CSS 的元素。

我正在使用v-for循环遍历元素并将结果添加到包含其他子标签的视图标签中。

数组看起来像这样

[
 {
  "name":"A",
  "age": 23,
  "hobbies":{
   }
 },
 {
  "name":"B",
  "age": 26,
  "hobbies":{
   }
 }
]

在我的模板标签中，我正在使用类似这样的东西遍历这个数组

<template>
 <ScrollView>
  <template v-for="items in arr">
   <text>{{items.name}}</text>
  </template>
 </ScrollView>
<template>

Answer 1

使用数组映射：

<>
  {arrays.map(item=> <div>{item.title}</div>)}
</>