react-静态组件,动态组件

react09- 组件

静态组件 动态组件

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

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

动态组件 :类组件

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

es6 class

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

相关推荐
vvilkim2 分钟前
Electron 应用中的内容安全策略 (CSP) 全面指南
前端·javascript·electron
aha-凯心13 分钟前
vben 之 axios 封装
前端·javascript·学习
漫谈网络16 分钟前
WebSocket 在前后端的完整使用流程
javascript·python·websocket
遗憾随她而去.28 分钟前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
xjt_090144 分钟前
浅析Web存储系统
前端
foxhuli2291 小时前
禁止ifrmare标签上的文件,实现自动下载功能,并且隐藏工具栏
前端
青皮桔2 小时前
CSS实现百分比水柱图
前端·css
失落的多巴胺2 小时前
使用deepseek制作“喝什么奶茶”随机抽签小网页
javascript·css·css3·html5
DataGear2 小时前
如何在DataGear 5.4.1 中快速制作SQL服务端分页的数据表格看板
javascript·数据库·sql·信息可视化·数据分析·echarts·数据可视化
影子信息2 小时前
vue 前端动态导入文件 import.meta.glob
前端·javascript·vue.js