React中在map遍历中,给虚拟标签(<></>)加key
有时我们可能会需要在遍历时使用虚拟标签包裹内容,而不使用实际标签 ,这种时候会有一个问题,就是虚拟标签无法加key,这样控制台会一直有警告。
{
[1,2,3,4].map(v=>
<>
<div></div>
<div></div>
<div></div>
</>
)
}
我们可以将虚拟标签换成这种形势,就能正常加key了
{
[1,2,3,4].map(v=>
<React.Fragment key={'key'}>
<div></div>
<div></div>
<div></div>
</React.Fragment>
)
}