Skip to content
Wepress
Main Navigation
Home
Examples
基础
HTML
CSS
JavaScript
编程
前端安全
场景题
工程化
性能优化
编程题
跨端技术
框架
Node
React
TypeScript
Vue
小程序
计算机网络
其他
AI相关
leetcode
工具
算法
计算机基础
趣味题
选择题
Appearance
Menu
Return to top
On this page
为什么不能用数组下标来作为react组件中的key?
参考答案:
react 使用diff算法,使用key来做同级比对。如果使用数组下标作为key,有以下情况:
在数组头部或中部插入或删除元素: 所有key对应的节点的值发生更改,进行重新渲染。造成性能损耗
而如果使用数组中唯一值来作为key:不管是在何处插入或删除节点,其他key对应的节点的值未发生更改,只需插入或删除操作的数组节点。