当前播放: 为什么React组件要声明key?
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
合辑:新版短视频
Kafka某台broker IO阻塞,为何会导致发送方无法发送消息?
什么是C++中的The Rule of Three?
基于时序特性,如何构建一个时序存储引擎?
如何利用反射和泛型编程让你的Java代码更优雅?
C++中为什么move constructor需要加noexcept?
如何使用Postman做接口自动化测试?
给你点“颜色”瞧瞧
如何用Spark实现一个通用大数据计算引擎?
如何让你的Robot Framework飞起来?
如何透彻理解Selenium和WebDriver?
Spring Data JPA 如何进行复杂动态查询?
Spring Data JPA如何实现动态部分更新?
未来的编程语言长什么样?
高并发场景下锁的使用技巧(悲观锁/乐观锁/分布式锁)
为什么React组件要声明key?
为什么React不推荐使用Mixin?
如何设计一个高可用的配置中心?
如何通过代码技巧提升内存使用效率?
如何全面地改造Robust?
如何基于Netty构建一个简单的RPC服务?
Spring Boot中如何使用HTTP/2?
教你10分钟玩转Gradle plugin
如何深入理解Kube-Proxy?
如何深入理解Kubernetes架构?
如何使用和优化iOS中的WebView?
一个1000万资金重复支付的代码剖析
如何实现数据异构的多级缓存策略?
如何从 CRD 扩展开发切入Kubernetes源码学习?
如何更轻松简单地从源码编译部署Kubernetes?
如何设计并实现一个高可用的订单系统?
ZooKeeper的ZAB算法与Paxos的本质区别是什么?
微服务框架Apache ServiceComb的设计思想有哪些?
如何深入理解分布式事务TCC实现原理?
SSR 、CSR、预渲染、同构等首屏优化技术要如何选择?
如何利用ClassPath解决Java开发工程问题?
如何读懂Babel转换出的JavaScript代码?
大厂前端面试中经常提到的Promise要如何实现?
使用 Vue 开发小程序是怎么做到的?
为什么CSS要放在header底部,JavaScript要放在body底部?
前端Router是怎么实现的?
如何理解现代发布策略?以Kubernetes为例
JavaScript中如何封装一个具有自动失败重试功能的HTTP模块?
JavaScript中如何优雅地实现函数防抖?
服务发现技术是如何演进出来的?
HTTP/2能带来哪些性能提升?
如何快速对请求链路的关键点进行网络问题排查?
React 中如何实现模块的按需加载?
究竟要不要使用React Hooks?
TLS1.3原理以及在Nginx上的应用
如何利用有效的资源扛住618大促流量?

为什么React组件要声明key?

颜宇 尚德机构资深开发工程师

开发 React 应用时,需要为同一层级中相同类型的组件显式地声明一个 key 属性。在多数情况下没有 key 属性,应用也不会有问题。那么 React 为什么会设计 key 属性?今天我将会带你深入理解 key 属性的作用,以及声明 key 属性的最佳实践。

讲师介绍

颜宇,现在在尚德机构研发中心担任资深开发工程师,从事前端的开发和管理工作。曾经服务于 ADCC、搜狗和阿里,具有 5 年 Java 和 8 年前端开发经验。在技术选型、系统架构设计、规范和流程控制等方面有着较为丰富的经验。

展开
¥4.99 购买
开通VIP
11
登录 后留言

精选留言(5)

  • LiveAndLearn
    讲的浅显易懂👍
    2019-11-12
    3
  • 没有昵称
    做后端开发听了课程,也挺有收获👍
    2019-11-16
    2
  • f
    好厉害的讲解
    2019-11-27
    1
  • Mokc
    除了列表组件外,是否每一个组件都需要显式地声明key呢?

    作者回复: 并不需要为每一个组件都显示声明的,最简单的方式判断是否加key,可以看dev下的是否有warning

    2019-11-17
    1
  • Jerryz
    很多时候后端 Api 是没有唯一Key值返回给前端的,这时候又想避免不必要的渲染,前端可以自己生成一个uuid作为唯一key。

    作者回复: 这也可以,但是尽量让后端返回吧,前端生成的id总不是最可靠的

    2019-11-17
收起评论
其他推荐
36:19
Go工程项目实践
毛剑 bilibili数据平台部技术总监
免费
43:04
大规模实时图计算在PayPal风险管理系统的应用
张彭善 PayPal大数据研发架构师
试看
41:43
互联网金融产品个性化营销算法的探索和实践
赵争超 同盾科技资深算法专家
试看