Vue/React 渲染列表时要求为每项提供稳定唯一的 key,主要原因是?

前端基础

  1. A.key 会作为真实 DOM 元素的 id 属性被直接输出到页面上
  2. B.让 diff 按 key 识别同一节点复用/移动,避免下标错位
  3. C.没有 key 会在编译期直接报错,无法运行,框架强制要求列表项有唯一标识
  4. D.key 用于决定列表项的排序顺序,key 越小的元素越靠前渲染