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