当前位置: 首页 > article >正文

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


http://www.kler.cn/a/369583.html

相关文章:

  • linux进程的状态
  • 同一个Service内部调用开启事务
  • redis集群(主从同步、哨兵、群集)
  • Spring Boot2.x教程:(九)AOP基本概念与示例
  • ssm002学院党员管理系统(论文+源码)_kaic
  • Matlab 车牌识别技术
  • 简化开发流程 低代码技术优势全解析
  • Gateway 统一网关
  • 微信小程序生成海报 / 两张图片合并生成一张
  • 【UE5】通过程序化网格体组件实现剖切功能
  • 开源生活-分布式管理
  • EasyExcel文件导入与导出
  • stp生成树协议(思科)
  • 如何对pdf文件进行加密?pdf文件加密全攻略与深度解析(5个方法)
  • 前端测试工具详解
  • 【CUDA代码实践03】m维网格n维线程块对二维矩阵的索引
  • 本地Docker部署开源WAF雷池并实现异地远程登录管理界面
  • FPM383C指纹模块超详解 附驱动
  • MPP音视频总结
  • Matlab 疲劳驾驶检测