- 3
- 0
- 约2.93千字
- 约 7页
- 2021-11-24 发布于湖北
- 举报
PAGE
PAGE 1
react为什么不推荐使用index作为key
1.旧的虚拟dom和新的虚拟dom对比,首先看他们的key是否相同2.相同继续对比他们的内容,不同生成新的真实dom进行替换3.如果内容和key都相同,复用旧的真实dom 不做改变
那么如果我们使用遍历时候自动生成的index作为每个节点的key可能会出现什么问题呢? 下面放个小案例
首先,初始时我们进行遍历persons
他会是这样一个过程,源数据
persons: [
{ id: 1, name: “张三”, age: 15 },
{ id: 2, name:
您可能关注的文档
- 【JavaScript编程知识】js中不常见的运算符与操作符总结.docx
- 【JavaScript编程知识】js实现简单的拖拽效果.docx
- 【JavaScript编程知识】微信小程序页面与组件之间信息传递与函数调用.docx
- 【JavaScript编程知识】vue父子组件的互相传值和调用.docx
- 【JavaScript编程知识】如何为老vue项目添加vite支持详解.docx
- 【JavaScript编程知识】JS模拟实现京东快递单号查询.docx
- 【JavaScript编程知识】QT与javascript交互数据的实现.docx
- 【JavaScript编程知识】实现一个简单得数据响应系统.docx
- 【JavaScript编程知识】JavaScript中三种for循环语句的使用总结(for、for...in、for...of).docx
- 【JavaScript编程知识】微信小程序wxs日期时间处理的实现示例.docx
- 【JavaScript编程知识】iOS微信H5页面橡皮回弹效果的踩坑记录.docx
- 【JavaScript编程知识】微信小程序学习笔记之页面配置与路由方式.docx
- 【JavaScript编程知识】JavaScript数组 几个常用方法总结.docx
- 【JavaScript编程知识】小程序实现简单列表功能.docx
- 【JavaScript编程知识】JavaScript哪些场景不能使用箭头函数.docx
- 【JavaScript编程知识】详细讨论JavaScript中的求值策略.docx
- 【JavaScript编程知识】vuex的使用步骤.docx
- 【JavaScript编程知识】解读Vue组件注册方式.docx
- 【JavaScript编程知识】JavaScript中你不知道的Object.entries用法.docx
- 【JavaScript编程知识】如何在vue 中使用柱状图 并自修改配置.docx
原创力文档

文档评论(0)