AlienGao's blog AlienGao's blog
首页
  • JavaScript
  • Antd组件
  • 学习笔记

    • 《ES6 教程》笔记
  • 贪心
  • 广度优先/深度优先
  • 位运算
  • 技术文档
  • GitHub技巧
面试
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

AlienGao

首页
  • JavaScript
  • Antd组件
  • 学习笔记

    • 《ES6 教程》笔记
  • 贪心
  • 广度优先/深度优先
  • 位运算
  • 技术文档
  • GitHub技巧
面试
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • React和Vue列表中Key的作用
  • 谈一谈 nextTick 的原理
  • 为什么 Vuex 的 mutation 和 Redux 的 reducer 中不能做异步操作?
  • Vue 的父组件和子组件生命周期钩子执行顺序是什么
  • React 中 setState 什么时候是同步的,什么时候是异步的?
  • Vue查漏补缺
  • 框架
AlienGao
2021-08-12

React和Vue列表中Key的作用

不带key时节点能够复用,省去了销毁/创建组件的开销,同时只需要修改DOM文本内容而不是移除/添加节点。 但是这种模式只适用于渲染无状态的简单组件,对于绝大多数情况,组件都是有状态的。比如,通过Tab切换的 两个列表,选中了某个列表的第二项,若不加key标识,另一个列表第二项也被选中。为了确保组件状态的正确, 应该添加唯一key值。

编辑 (opens new window)
#框架
上次更新: 2021/08/12, 23:39:04
谈一谈 nextTick 的原理

谈一谈 nextTick 的原理→

最近更新
01
Promise
08-18
02
Vue查漏补缺
08-16
03
筛选组件
08-14
更多文章>
Theme by Vdoing | Copyright © 2021-2021 AlienGao | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×