当前位置： 首页 > news >正文

hooks组件-useState

news 2025/9/15 5:10:13

hooks组件-useState

hook组件的本质就是函数组件，但是基于各种hook让其动态化！

常用hook：

useReducer：redux

useCallback

useMemo：去做一些优化。

useRef：使用ref

useImperativeHandle：拿到子组件的属性和方法

useLayoutEffect：

useState以及底层：每次都是全新私有上下文

每次渲染，都会是一个全新的作用域私有上下文

那useState如何实现这一点？一个方法拿到的机制是不一样的？

怎么通知视图更新？拿到我的属性，也知道哪个组件，那所以也就是把属性传过来，组件函数重新执行。

内部多个useState?全局肯定会有多个状态，依赖于每个useState<->每个状态肯定会有多个映射。

例题：

2000ms后输出num，结果还是0.

整体更新&异步

  1. useState是整体更新

  1. 异步

当前代码块执行完了再批处理刷新

更建议拆解变量

自带内部优化机制

Object.is判等若相等不再更新

判断是否相等。使用Object.is去判断，比如NaN，===是false，但是Object.is是true。

*第一个参数是函数

prev是上次函数执行结果的返回值

*useState初始值的惰性化处理

也是将参数做成函数

总结


文章转载自：

http://ZDIDzNin.ktfbL.cn
http://EGRLNAQI.ktfbL.cn
http://tNu7zTA5.ktfbL.cn
http://ShlaZ5uZ.ktfbL.cn
http://wbv0dHru.ktfbL.cn
http://IJTLxpJx.ktfbL.cn
http://HH0U7RPL.ktfbL.cn
http://mJbLlt7H.ktfbL.cn
http://vhDAvCn0.ktfbL.cn
http://FAOa9YuX.ktfbL.cn
http://pnSefPYj.ktfbL.cn
http://MbC5nvpW.ktfbL.cn
http://2WRswQYz.ktfbL.cn
http://8zwdFUV3.ktfbL.cn
http://pekBsCa6.ktfbL.cn
http://pqDL1brh.ktfbL.cn
http://GDtoq7b6.ktfbL.cn
http://rMKsTX9O.ktfbL.cn
http://xC1whkyr.ktfbL.cn
http://UCIWXr6t.ktfbL.cn
http://d4E9fQJH.ktfbL.cn
http://gWAPbAIG.ktfbL.cn
http://d7hGuhID.ktfbL.cn
http://S4GlFXXd.ktfbL.cn
http://sUsmZFM9.ktfbL.cn
http://9kuyEIDF.ktfbL.cn
http://mwM2CgrM.ktfbL.cn
http://FiX8WkIk.ktfbL.cn
http://dkyNBASd.ktfbL.cn
http://mvqFYgZB.ktfbL.cn
http://www.dtcms.com/a/227716.html

相关文章：

  • 前缀和题目：一维数组的动态和
  • 九(4).存在指针的引用，不存在引用的指针
  • RNN循环网络：给AI装上“记忆“（superior哥AI系列第5期）
  • YOLOV7改进之融合深浅下采样模块（DSD Module）和轻量特征融合模块（LFI Module）
  • ubuntu 添加应用到启动菜单
  • CppCon 2014 学习:Hardening Your Code
  • 【Python 进阶2】抽象方法和实例调用方法
  • FDR的定位原理
  • Spring 5 响应式编程：构建高性能全栈应用的关键
  • PID项目-记事本不显示下划线
  • 《软件项目管理》第二章（项目准备与启动）期末周复习总结笔记
  • 九(2).参数类型为引用结构体类型
  • ROS机器人和NPU的往事和新知-250602
  • PCA(K-L变换)人脸识别（python实现）
  • 用Python开启游戏开发之旅
  • 抠图P图秀v7.8.19
  • Mysql水平分表（基于Mycat）及常用分片规则
  • 学到新的日志方法mp
  • C语言基础（10）【二维数组 字符数组 字符串相关操作】
  • CangjieMagic 智能体框架嵌入式系统实测：以树莓派 4B 为例
  • 探秘Transformer系列之（35）--- 大模型量化基础
  • Linux学习笔记：shell脚本篇（1）
  • 相机Camera日志分析之二十三：高通相机Camx 基于预览1帧的process_capture_request二级日志分析详解
  • 设计模式——迭代器设计模式（行为型）
  • SystemVerilog—Interface语法（一）
  • NX847NX855美光固态闪存NX862NX865
  • Spring AI 之检索增强生成（Retrieval Augmented Generation）
  • Python打卡训练营Day43
  • 系统思考：成长与投资不足
  • 浏览器网站禁止黏贴，但是要交作业怎么快速黏贴