react-静态组件,动态组件

react09- 组件

静态组件 动态组件

静态组件: 函数组件,在第一次渲染完成后,组件中的内容,不会根据组件内的某些操作再次进行更新,页面并不会跟着改变

过程: 第一次渲染时,执行函数方法,产生一个私有作用域(上下文) , 解析props并传入,但是冻结的,渲染函数返回的jsx元素(虚拟dom) ; 组件中元素绑定的方法是组件内的私有方法,修改的变量也是私有变量
但是开发中大多数都是要基于组件内的某些操作,让组件跟新以此呈现出不同的效果: 轮播图,选项卡等 ====> 函数组件,Hooks组件(函数组件中,使用Hooks组件,这是目前开发中用的最多的)

动态组件 :类组件

创建: 要求创建一个类,并必须继承 React.Component / PureComponent 这两个类中的一个
梳理一下,react中在渲染类组件的时候的处理过程

es6 class

有一篇render方法的执行机制没整理,记得补一下

相关推荐
Cyan_RA95 分钟前
计算机网络面试题 — TCP连接如何确保可靠性?
前端·后端·面试
谢尔登5 分钟前
【CSS】层叠上下文和z-index
前端·css
鹏多多7 分钟前
前端复制功能的高效解决方案:copy-to-clipboard详解
前端·javascript
AryaNimbus8 分钟前
你不知道的 Cursor系列(三):再也不用死记硬背 Linux 命令,终端 Cmd+K 来帮你!
前端·ai编程·cursor
uhakadotcom10 分钟前
Rollup 从0到1:TypeScript打包完全指南
前端·javascript·面试
Mintopia16 分钟前
实时语音转写 + AIGC:Web 端智能交互的技术链路
前端·javascript·aigc
2503_9284115618 分钟前
9.15 ES6-变量-常量-块级作用域-解构赋值-箭头函数
前端·javascript·es6
Pedantic19 分钟前
SwiftUI ShareLink – 显示分享表单的使用
前端
徐小夕24 分钟前
花了一天时间,开源了一套精美且支持复杂操作的表格编辑器tablejs
前端·算法·github
Mintopia25 分钟前
Next.js 单元测试究竟该选 JTest 还是 Vitest?
前端·javascript·next.js