关于ahooks的封装
本篇主要和大家沟通关于ahooks，我们可以理解为加深对Reacthooks的了解。我们先说下关于抽象自定义hooks。构建属于自己的Reacthooks工具库。其实我们应该培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。注：本系列对ahooks的源码解析是基于v3.3.13。
封装React需要注意的“时机”
FunctionComponentVSClassComponent。很多时候代码要讲究先后顺序，要掌握周期，且需知道在不同的阶段执行不同操作的代码，比如需要挂载完成之后才去获取dom的值，否则可能会获取不到相应的值。
组件生命周期
ClassComponent使用过React的ClassComponent的同学，就会知道其组件生命周期会分成三个状态：Mounting(挂载)：已插入真实DOM，Updating(更新)：正在被重新渲染，Unmounting(卸载)：已移出真实DOM。其中每个状态中还会按顺序调用不同的方法，具体可以参考官方文档。而FunctionComponent是更彻底的状态驱动，没有生命周期的概念，它只有一个状态，React负责将状态渲染到视图中。
ahooks封装的Effect
基于useEffect/useLayoutEffect，ahooks做了一些封装，能够让你更加清晰的知道你的代码执行时机。其中LifeCycle-生命周期精简了组件挂载、卸载的操作；useUpdate能够强制组件重新渲染；useDeepCompareEffect和useDeepCompareLayoutEffect通过lodashisEqual进行深比较；useUpdateEffect和useUpdateLayoutEffect忽略首次执行，只在依赖更新时执行；useUnmount和useUnmountedRef是组件卸载时执行的Hook。这些封装来帮助我们更好地管理组件的生命周期和事件。
总结与思考
写代码要清楚知道，组件的生命周期是怎样的，还有代码的执行顺序、执行的时机是怎样的。在FunctionComponent中，使用useEffect/useLayoutEffect完成了ClassComponents生命周期的职责。加入ahooks的代码执行时机，可以让代码具有可读性以及逻辑更加清晰。
原创文章，作者：小编小本本，如若转载，请注明出处：https://www.benjiyun.com/yunzhujiyunwei/vps-yunwei/7244.html
相关推荐
-
美国fmc是什么意思(德克萨斯州支柱产业？)
德克萨斯州支柱产业 德克萨斯州的主要经济支柱是矿产资源和石油石化工业。该州的GDP相当于世界第十，比加拿大还要高一点。畜牧业也是该州的支柱产业，其中牛肉是最主要的农业收入来源。此外…
-
python多线程死锁现象及解决方法
关于python多线程的问题解答 我是本际云服务器推荐网的小编小本本，今天主要为大家介绍关于python多线程的问题解答。如果遇到多线程问题现象，我们应该怎么去进行解答呢？下面我将…
-
Nginx应用与运维实战pdf：实用经验汇总
Nginx应用与运维实战pdf 《Nginx应用与运维实战pdf：实用经验汇总》是一本针对Nginx的实战应用和运维方面的经验总结，该书包含了丰富的内容，以下是其中几个方面的总结：…
-
nginx负载均衡技术及应用策略
nginx负载均衡技术及应用策略 随着互联网应用的快速发展，以及访问量的迅速增加，单台服务器难以承受如此巨大的压力。因此，负载均衡技术的应用变得越来越重要。nginx负载均衡技术是…
-
怎么用python正则表达式提取/匹配中文汉字
Python正则表达式匹配中文汉字 Python使用正则表达式匹配中文，只需要将中文的unicode字符串转换成utf-8格式即可，然后在re中随意调用。unicode中中文的编码…
-
Elasticsearch集群分布式模型及选主与脑裂问题
关于Elasticsearch集群分布式模型 Elasticsearch是一个分布式的搜索和分析引擎，具有水平扩展性和可靠性，能够处理PB级别的数据。Elasticsearch的分…
-
ASM磁盘组扩容引发的“踩坑”
ASM磁盘组扩容引发的“踩坑” 我是本际云服务器推荐网的小编小本本，今天给大家分享一下扩容ASM磁盘组遇到的问题。 报错排查 生产需求需要对一套即将上线的19C版本3节点RAC数据…
-
pg_rman备份工具
pg_rman备份工具简介 作为一款专为PostgreSQL设计的在线备份恢复工具，pg_rman支持在线（热备份）和基于时间点备份方式。它是一个开源的PostgreSQL备份软件…
-
Python代码引用模块方法是什么？请仔细阅读下文
Python代码如何引用相关模块？ 我是本际云服务器推荐网的小编小本本，今天给大家来解答一个问题：如何使用Python去引用相关的模块呢？ 两种调用自己写的Python模块的方法 …
-
案例分享：Gbase慢sql优化案例
案例分享：Gbase慢sql优化 作为本际云服务器推荐网的小编，为大家介绍一则优化Gbase慢sql的案例。在工作中，我们遇到了一条无法成功执行的sql语句。尝试多次后耗时依然过长…