hooks|hooks 系列八（hooks 小结） hooks系列八：hooks小结

快来加入我们吧！ "小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
Hooks 小结到此为止，我们的 hooks 系列只剩下最后一个大案例了。现在我们来对之前的内容做一个回顾。
我们首先介绍了 hooks
什么是 hooks hooks 是 React 16.8 新增的特性，它可以在不编写类组件的情况下使用 state 以及其他的 React 特性
为什么引入 hook

在组件之间复用状态逻辑很难
复杂组件变得难以理解（生命周期内有不相关的逻辑
类组件中 this 指向问题不容易理解

介绍了 useState
useState() 用于为函数组件引入状态。纯函数不能有状态，所以使用钩子来引入状态。
创建和使用

const [count, setCount] = useState(defaultValue) // 假设 defaultValue 为 0

useState 返回的是一个数组，一般直接使用解构赋值取出两个值，state 以及 修改 state 的函数 。这两个值是需要成对获取的。
使用多个 useState 就可以定义多个 state 变量。
介绍了 useEffects
Effect Hook 可以让你在函数组件中执行副作用操作，换句话说可以完成一些类似 Class 中生命周期的功能。
创建和使用

useEffect(() => { // 执行一些副作用操作 }，[]);

useEffect 相当于 class 中三个生命周期的组合。在 class 中不同，每一个生命周期，都会有一些不相关的逻辑代码，useEffect 将这些代码进行了更好的拆分。
介绍了 useRefs
useRef 返回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整个生命周期内保持不变。

const refContainer = useRef(initialValue)

它返回的 ref 对象在组件的整个生命周期保持不变，让我们在函数组件中，也可以像 Class 组件一样保存一些实例属性，为我们开发带来了许多可能性，除了这些新奇的功能，不要忘记 ref 开始获取 DOM 属性的功能，因为在 useRef 同样可以适用。
介绍了 useCallback
讲述了 hook 的规则