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

useEffect简单介绍

react组件生命周期 

 比如说,某些操作就只在初始渲染后执行,我们就可以使用useEffect。

  useEffect(function () {
    fetch(`http://www.omdbapi.com/?apikey=${KEY}&s=interstellar`)
      .then((res) => res.json())
      .then((data) => setMovies(data.Search));
  }, []);

react中的副作用 (side effect)

 副作用是指react组件与该组件外部世界之间的任何交互,比如说从某些api获取数据。但实际上这些“副作用”有时候是有用而且必要的。

但是react又规定副作用不应该发生在组件渲染期间,所以我们可以创建副作用的地方有两个:

  1. 事件处理函数中;
  2. useEffect hook中;

有了useEffect hook,我们就可以编写不同组件实例不同生命周期需要运行代码了。

 事件处理函数与useEffect对比

注意:我们所谓的要注意组件不同的生命周期,本质上是为了与外部世界保持同步!

 useEffect

useEffect中的依赖数组

useEffect是什么? 

useEffect与生命周期 

注意:useEffect hook与生命周期紧密相关,但不是生命周期的hook!

useEffect究竟什么时候运行?

与上文所说不同,useEffect()不是在“渲染”之后,而是在浏览器绘制之后调用。

 ​​

两个蓝色空洞将在后文继续讲解。 

cleanUp 函数

两个蓝色空洞就是该函数。

 cleanUp函数的使用


http://www.kler.cn/news/365151.html

相关文章:

  • 第二代 GPT-SoVITS V2:解锁语音克隆与合成的无限可能
  • VS code部署Vue项目Demo
  • 【论文+源码】基于spring boot的垃圾分类网站
  • kafka 的高可用机制是什么?
  • FreeSSl 申请免费证书,ACME实现自动化续期(https证书自动续期)
  • 跨站脚本攻击XSS以及Cookie如何实现用户管理
  • java -jar启动 报错: Error: Unable to access jarfile
  • NVR小程序接入平台/设备EasyNVR多品牌NVR管理工具/设备的多维拓展与灵活应用
  • 基于SSM+微信小程序的家政服务管理系统(家政2)
  • 批量归一化(Batch Normalization)
  • 混个1024勋章
  • [笔记] 关于CreateProcessWithLogonW函数创建进程
  • Linux系统
  • 鸿蒙到底是不是纯血?到底能不能走向世界?
  • 蓝桥杯题目理解
  • Python爬虫:urllib_ajax的get请求豆瓣电影前十页(08)
  • 【C++】用哈希桶模拟实现unordered_set和unordered_map
  • 网络安全中的日志审计:为何至关重要?
  • 35.第二阶段x86游戏实战2-C++遍历技能
  • CPRI与eCPRI的区别
  • 每天5分钟玩转C#/.NET之C#语言详细介绍
  • python-PyQt项目实战案例:制作一个视频播放器
  • 双十一送你一份购物攻略,绿联NAS DXP2800评测
  • 借老系统重构我给jpa写了个mybatis风格的查询模块
  • 【笔记】apt源设置为阿里云源
  • 19.面试算法-树的深度优先遍历(一)