在react中，循环渲染一般这么写
<ul>
{
list.map(item=>(
<li key={item.key}>{item.value}</li>
))
}
</ul>
react语法规定每个循环的标签需要加不重复的key，只能有一个根标签。
如果一次循环要输出多个标签怎么办？
import {Fragment} from 'react'
<ul>
{
list.map((item,index)=>(
<Fragment key={item.key}>
<li>{item.value}</li>
{
(index<list.length-1)&&(
<li>></li>
)
}
</Fragment>
))
}
</ul>
这个例子是一次循环输出两个标签，key加在了Fragment上。文章来源：https://www.toymoban.com/news/detail-807825.html
Fragment在react中表示空标签，用于向语法妥协的占位，平时可简写为"<></>"
在需要加key的时候要写完整名称。文章来源地址https://www.toymoban.com/news/detail-807825.html
到了这里，关于react经验9：循环渲染的语法活用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
