jsx语法遍历数组


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> )
       )
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM