当前位置: 首页 > article >正文

前端面经 React 组件常见的声明方式

react类组件和函数式组件

函数组件返回值的内容就是要渲染的内容

函数组件使用useState更新状态 ,使用类中变量更新

常见hook

官方 :

  • useEffect 处理副作用,请求API
  • useState 更新UI
  • useLayout 同步更新,会阻塞进程,执行时机在dom元素完成加载后,浏览器绘制之前
  • useMemo缓存计算结果,做优化
  • useCallback缓存一个cb,做优化
  • useRef 在组件生命周期中保持全局不变 或者 定位一个具体的元素
  • useReducer 使状态变量更加可控 每一次的状态改变需要根据具体的action对象进行
  • useContent构建上下文 生产消费的模式

非官方:

  • ahooks
  • react-use

第三方库提供的hooks

  • useLocation
  • useNavigate
http://www.lryc.cn/news/2393512.html

相关文章:

  • 酒店管理系统设计与实现
  • OpenCV---pointPolygonTest
  • Qt 的简单示例 -- 地址簿
  • Linux 下 C 语言实现工厂模式
  • 什么是DevOps的核心目标?它如何解决传统开发与运维之间的冲突?​
  • RocketMQ 死信队列(DLQ)实战:原理 + 开发 + 运维 + 架构应用指南
  • Android studio 查看aar源码出现/* compiled code */
  • 用HTML5+JavaScript实现汉字转拼音工具
  • 基于Java,SpringBoot,Vue,UniAPP医院预约挂号买药就诊病例微信小程序系统设计
  • ONNX模型的动态和静态量化
  • PHP 垃圾回收高级特性
  • OpenFeign vs MQ:微服务通信如何选型?详解同步与异步的适用场景
  • 如何用命令行将 PDF 表格转换为 HTML 表格
  • html5的响应式布局的方法示例详解
  • 如何用Python抓取Google Scholar
  • 电脑革命家测试版:硬件检测,6MB 轻量无广告 清理垃圾 + 禁用系统更新
  • Wireshark对usb设备进行抓包找不到USBPcap接口的解决方案
  • 题目 3298: 蓝桥杯2024年第十五届决赛真题-兔子集结
  • Unity开发之Webgl自动更新程序包
  • 深入理解设计模式之状态模式
  • Socket 编程 UDP
  • Jenkins实践(8):服务器A通过SSH调用服务器B执行Python自动化脚本
  • Spring AI系列之Spring AI 集成 ChromaDB 向量数据库
  • lua的注意事项2
  • 主流电商平台的反爬机制解析
  • 前端八股之HTML
  • tiktoken学习
  • 鲲鹏Arm+麒麟V10,国产化信创 K8s 离线部署保姆级教程
  • 历年厦门大学计算机保研上机真题
  • 【C++ Qt】认识Qt、Qt 项目搭建流程(图文并茂、通俗易懂)