![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
hooks
文章平均质量分 75
一码走天涯
这个作者很懒,什么都没留下…
展开
-
hooks与class简单对比
一. 为啥要用Hook1.Hook是React16.8的新增特性,它可以让我们在不编写class的情况下使用state以及其他的React特性(比如生命周期)。2.class相比函数式组件的优势:class组件内部可以定义自己的state,用来保存组件自己内部的状态;函数式组件不可以,因为函数每次调用都会产生新的临时变量。class组件有自己的生命周期,可以在对应的生命周期中完成自己的逻辑;比如在componentDidMount中发送网络请求,并且该生命周期函数只会执行一次;函数式组件在学习ho原创 2021-09-16 17:38:16 · 2680 阅读 · 1 评论 -
react hooks的优缺点
优点一、更容易复用代码这点应该是react hooks最大的优点,它通过自定义hooks来复用状态,从而解决了类组件有些时候难以复用逻辑的问题。hooks是怎么解决这个复用的问题呢,具体如下:1.每调用useHook一次都会生成一份独立的状态,这个没有什么黑魔法,函数每次调用都会开辟一份独立的内存空间。2.虽然状态(from useState)和副作用(useEffect)的存在依赖于组件,但它们可以在组件外部进行定义。这点是class component做不到的,你无法在外部声明state和副作用原创 2021-08-04 13:49:38 · 2251 阅读 · 0 评论 -
React Hooks 你了解吗?
什么是React HookReact Hook是React 16.8版本之后添加的新属性,用最简单的话来说,React Hook就是一些React提供的内置函数,这些函数可以让Function Component和Class Component一样能够拥有组件状态(state)以及进行副作用(side effect)。常用Hook介绍接下来我将会为大家介绍一些常用的Hook,对于每一个Hook,我都会覆盖以下方面的内容:作用用法注意事项useState作用useState理解起来非常简单,原创 2021-06-07 11:21:09 · 184 阅读 · 0 评论