美文网首页
3.React中key是什么,有什么用处

3.React中key是什么,有什么用处

作者: 忆往夕 | 来源:发表于2021-01-09 20:21 被阅读0次

key是什么

key是react用来追踪哪些列表的元素被修改,被添加或者是被删除的辅助标示。在开发过程中我们需要保证某个元素的key在其同级元素中具有唯一性。

作用

在react的diff算法中react会借助元素的key来判断该元素是最新创建的还是被移动而来的,从而减少不必要的元素渲染。除此之外,react还要根据key来判断元素与本地状态的关联关系

用处点

  • Key和当前的Type一起标记当前同级元素的唯一性
  • 链表图不方便取值,不方便增删改查,因为Key值具有唯一性,就能获取当前fiber参数的值

注意点

  • key的值一定要和具体的元素一一对应
  • 尽量不要用数组中的index来作为key的值
  • 永远不要视图在render的时候用随机数或者是其他的操作来给key加上不稳定的key,这样造成的性能开销比不加key的情况更糟糕

相关文章

  • 3.React中key是什么,有什么用处

    key是什么 key是react用来追踪哪些列表的元素被修改,被添加或者是被删除的辅助标示。在开发过程中我们需要保...

  • 撩课-Web大前端每天5道面试题-Day34

    1.React 中 keys 的作用是什么? 2.调用 setState 之后发生了什么? 3.react 生命周...

  • react / vue中的key有什么作用

    一、react/vue中的key有什么作用?(key的内部原理是什么?)二、为什么遍历列表时,key最好不要用in...

  • React中的domDiffing算法

    1.react/vue中的key有什么作用?(key的内部原理是什么) (1)简单地说:key是虚拟DOM对象的标...

  • React中key的用处

    key的原理 React 元素可以具有一个特殊的属性 key,这个属性不是给用户自己用的,而是给 React 自己...

  • React diff算法

    react/vue中,key的作用是什么? 为什么遍历时,key最好不要用index? 虚拟DOM中key的作用:...

  • 收银系统是什么,有什么用处

    互联网技术的快速发展,催生了移动支付方式的普及,你会发现大家都不再携带大量现金了,都是用各种移动支付。门店也相应地...

  • NSUserDefault

    NSUserDefaults 使用 NSUserDefaults是什么,有什么用处 对于应用来说,每个用户都有自己...

  • 2020-03-10

    1. 写 React/Vue 项目时为什么要在组件中写 key,其作用是什么? key 的作用是为了在 diff ...

  • 高级前端程序员面试问题与答案【精选9道】

    1. 写 React/Vue 项目时为什么要在组件中写 key,其作用是什么? key 的作用是为了在 diff ...

网友评论

      本文标题:3.React中key是什么,有什么用处

      本文链接:https://www.haomeiwen.com/subject/kechaktx.html