react-静态组件,动态组件

react09- 组件

静态组件 动态组件

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

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

动态组件 :类组件

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

es6 class

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

相关推荐
codingWhat33 分钟前
介绍一个手势识别库——AlloyFinger
前端·javascript·vue.js
Lee川33 分钟前
深度拆解:基于面向对象思维的“就地编辑”组件全模块解析
javascript·架构
代码老中医40 分钟前
2026年CSS彻底疯了:这6个新特性让我删掉了三分之一JS代码
前端
进击的尘埃40 分钟前
Web Worker 与 OffscreenCanvas:把主线程从重活里解放出来
javascript
不会敲代码141 分钟前
Zustand:轻量级状态管理,从入门到实践
前端·typescript
踩着两条虫41 分钟前
VTJ.PRO 双向代码转换原理揭秘
前端·vue.js·人工智能
扉川川42 分钟前
OpenClaw 架构解析:一个生产级 AI Agent 是如何设计的
前端·人工智能
远山枫谷44 分钟前
一文理清页面/组件通信与 Store 全局状态管理
前端·微信小程序
codingWhat44 分钟前
手撸一个「能打」的 React Table 组件
前端·javascript·react.js
进击的尘埃44 分钟前
用 TypeScript 的 infer 搓一个类型安全的深层路径访问工具
javascript