react——key值的理解
2024-09-07 14:22:17
key不是给开发者使用的,是给react在diff算法中使用的,diff算法会比较新旧虚拟dom,并且是同层比较,当同一层中有多个元素的时候,会比较这一层的key值,
如果key相同,属性改变积极更新属性,位置改变就移动位置,不会发生删除创建元素,(只会将旧虚拟dom的节点位置移动.)
如果key不同,就会先删除元素在创建元素.
所以我们千万不要用index,时间戳等作为key值.像我用index作为key,那假如我删除一个元素,会导致很多key都会改变.时间戳同理
最新文章
- vue组件编译原理
- 缓存、队列(Memcached,Redis,rabbitMQ)
- Meet Python: little notes
- javaweb回顾第三篇数据库访问
- Android判断网络是否连接
- node模拟http服务器session机制-我们到底能走多远系列(36)
- ubuntu12.04下txt文件乱码如何解决
- java中,Date数据类型和JSONObject数据类型之间的转换
- MEF初体验之二:定义组合部件和契约
- 掌握Chrome Developer Tools:下一阶段前端开发技术
- pagination.js 使用
- 【spring源码分析】spring ioc容器之前生今世--DefaultListableBeanFactory源码解读
- ps叠加模式笔记
- ASP入门(十八)-访问Access中的数据库
- react notes
- Java内存原型分析:基本知识
- python装饰器(docorator)详解
- spring aop记录用户的操作
- ASP.NET MVC 如何使用自定义过滤器(筛选器)
- python3.7安装Scrapy
热门文章
- Linux常用命令01(文件和目录)
- Python logging日志打印
- 对短路变形POJ3615
- JavaScript函数作用域和声明提前(3.10.1 page.57)
- 12. 前后端联调 + ( proxy代理 ) + ( axios拦截器 ) + ( css Modules模块化方案 ) + ( css-loader ) + ( 非路由组件如何使用history ) + ( bodyParser,cookieParser中间件 ) + ( utility MD5加密库 ) + ( nodemon自动重启node ) + +
- [Php][linux][nginx] 安装总结
- python 进阶篇 函数装饰器和类装饰器
- python 进阶篇 迭代器和生成器深入理解
- 取代 Python 多进程!伯克利开源分布式框架 Ray
- 干货福利:如何使用Python中Django模板?