千锋教育-做有情怀、有良心、有品质的职业教育机构
类组件缺点一：复杂且不容易理解的“this” Hooks解决方式：函数组件和普通JS函数非常相似，在普通JS函数中定义的变量、方法都可以不使用“this.”，而直接使用该变量或函数，因此你不再需要去关心“this”了。
类组件缺点二：组件数据状态逻辑不能重用 Hooks解决方式： 通过自定义Hook，可以数据状态逻辑从组件中抽离出去，这样同一个Hook可以被多个组件使用，解决组件数据状态逻辑并不能重用的问题。 类组件缺点三：组件之间传值过程复杂。
缺点三：复杂场景下代码难以组织在一起 Hooks解决方式： 通过React内置的useState()函数，可以将不同数据分别从"this.state"中独立拆分出去。
降低数据复杂度和可维护性，同时解决类组件缺点三中“内部state数据只能是整体，无法被拆分更细”的问题。
通过React内置的useEffect()函数，将componentDidMount、componentDidUpdate、componentWillUncount 3个生命周期函数通过Hook(钩子)关联成1个处理函数，解决事件订阅分散在多个生命周期函数的问题。
下一篇
redux的实现原理
小伙伴们!今天我们要来聊聊前端JavaScript的一个面试题，那就是如何把时间戳转换成普通的时间格式呢?这个问题可是前端面试中的常客哦!别担心，...详情>>
2023-08-04 08:59:00
在网络中使用最多的图片格式主要有JPEG、PNG和GIF。下面我将为你详细介绍这三种图片格式。JPEG(JointPhotographicExpertsGroup)：JPEG是一种广...详情>>
2023-07-19 15:56:35
答案：跨域请求是指在浏览器中，通过JavaScript在一个域名下发起对另一个域名的请求。由于浏览器的同源策略(Same-OriginPolicy)限制，跨域请求...详情>>
2023-07-18 14:04:00
所以我们可以将请求发送到自己服务器，然后自己服务器去请求目标接口资源，最后自己服务器将接口资源返回给当前页面，类似于找外援代替自己请求...详情>>
2022-08-23 17:45:21
HTTP2.0和HTTP1.X相比的新特性 - 新的二进制格式（Binary Format），HTTP1.x的解析是基于文本，基于文本协议的格式解析存在天然缺陷，文本的表...详情>>
2022-08-23 17:45:15
京公网安备 11010802030320号