Javascript 如何在js中循环使用json数据在html页面中制作卡片

这是我的json数据，我试图将名称作为卡片标题，将电子邮件作为子标题，将描述作为正文。

您可以使用Map来迭代数组中的项， 如果您以web为目标，则可以使用Div而不是View，使用P而不是Text

var data = 
[  
   {  
      "name":"john",
      "description":"im 22",
      "email":"123@gmail.com"
   },
   {  
     "name":"jessie",
     "description":"im 12",
     "email":"1234@gmail.com"
   },
   {  
     "name":"jackson",
     "description":"im 32",
     "email":"1235@gmail.com"
   },
   {  
     "name":"jason",
     "description":"im 27",
     "email":"1236@gmail.com"
   }
]

Data.map（（项目）=>{
返回(
{item.name}
{item.title}
{item.descreption}
);
}

Data.map((item)=>{
   return (
    <View>
        <Text> {item.name} </Text>
        <Text> {item.title} </Text>
        <Text> {item.descreption} </Text>
      </View>
    );
  }