高级前端
react
【Q071】react 与 vue 数组中 key 的作用是什么

react 与 vue 数组中 key 的作用是什么

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 72 (opens in a new tab)

Author 回答者: suImagine (opens in a new tab)

diff算法需要比对虚拟dom的修改,然后异步的渲染到页面中,当出现大量相同的标签时,vnode会首先判断key和标签名是否一致,如果一致再去判断子节点一致,使用key可以帮助diff算法提升判断的速度,在页面重新渲染时更快消耗更少