如何在React组件中做一个循环
假设你有一个React组件和一个items 数组，你想进行循环，以打印所有的 "项目"。
以下是你如何做到这一点。
在返回的JSX中，添加一个<ul> 标签来创建一个项目的列表。
在这个列表中，我们使用大括号添加一个JavaScript片段{} ，并在其中调用items.map() ，对项目进行迭代。
我们传递给map() 方法一个回调函数，该函数对列表中的每一个项目都会被调用。
在这个函数中，我们返回一个<li> （列表项），其值包含在数组中，并有一个key ，该道具被设置为数组中该项的索引。这是由React需要的。
return (
<ul>
{items.map((value, index) => {
return <li key={index}>{value}</li>
})}
</ul>
)
你也可以使用隐式返回的简略形式。
return (
<ul>
{items.map((value, index) => <li key={index}>{value}</li>}
</ul>
)
