react-静态组件,动态组件

react09- 组件

静态组件 动态组件

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

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

动态组件 :类组件

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

es6 class

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

相关推荐
陈随易6 小时前
在 VSCode 里,把项目一键部署到服务器
前端·后端·程序员
Highcharts.js6 小时前
教程:基于 React + Highcharts 构建一个单页应用程序、按需数据拉取与图表渲染
开发语言·前端·数据结构·react.js·前端框架·highcharts·页面应用
To_OC7 小时前
我被 useState 坑了两次之后,终于把它的脾气摸透了
前端·javascript·react.js
鱼樱前端7 小时前
我用 Claude Code 后,编码效率翻 3 倍。但更值钱的是别的。
前端·后端·ai编程
_lucas7 小时前
给知识库网站接入AI问答
前端·ai编程·全栈
浮生望7 小时前
React useState 深度解析:异步更新、闭包陷阱与惰性初始化的底层逻辑
react.js
前端糕手8 小时前
前端面试题大全:JavaScript + Vue3 + React + TypeScript + 工程化 + 性能优化
前端
我不叫武9 小时前
一个用 Rust 写的离线编码查询桌面工具
前端
Web4Browser10 小时前
指纹浏览器 API 自动化怎么接:启动 Profile、获取 CDP 端点并连接自动化框架
前端·网络·typescript·自动化
Patrick_Wilson10 小时前
从 React 到 Flutter:写给前端的一张跨端知识地图
前端·flutter·react.js