react-静态组件,动态组件

react09- 组件

静态组件 动态组件

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

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

动态组件 :类组件

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

es6 class

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

相关推荐
SendTomo1 分钟前
SendTomo稳定传输三大核心策略
javascript·网络协议·webrtc·html5·p2p
郭邯5 分钟前
手写一个Cron表达式解析器:从需求分析到AI辅助实现
前端
阿黎梨梨5 分钟前
Docker 容器化实战:从零搭建 Web 服务与反向代理
前端·后端·docker
Liora_Yvonne6 分钟前
前端项目为什么需要一个配置单一真相源?
前端
禁止摆烂_才浅7 分钟前
Vite 面试题
前端·面试·vite
GISer_Jing7 分钟前
全栈AI实战:基于 TypeScript + LangChain + MCP 的企业级智能研发助手
前端·后端·ai·langchain·前端框架
禁止摆烂_才浅7 分钟前
微信小程序高频面试题
前端·面试·微信小程序
禁止摆烂_才浅9 分钟前
Vue2 高频面试题
前端·vue.js·面试
禁止摆烂_才浅11 分钟前
前端性能优化面试题
前端·面试·性能优化
ClouGence12 分钟前
文件上传也能录制回放了:CueCast UI 自动化测试更新
前端·测试