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