首页 > 编程语言 > 详细

jsx语法遍历数组

时间:2020-05-16 22:16:45      阅读:445      评论:0      收藏:0      [点我收藏+]

jsx语法遍历数组

数组:

 const nameList = [‘张三‘, ‘李斯‘, ‘许三多‘]

方案一:

// 方案1: 在 jsx 外面,进行 循环,创建 jsx 元素的数组; 
const newList = nameList.map((item, i) =>
{ return <h6 key={i}>{item}</h6> })
……

{newList}

方案二:

{/* 方案2: 在 jsx 里面,进行循环,创建 jsx 元素的数组; */} 
<hr />
{nameList.map((item, i) =>
          ( <h6 key={i}>{item}</h6> )
       )
}

 

jsx语法遍历数组

原文:https://www.cnblogs.com/zqblog1314/p/12902262.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!