【REACT-hooks】

一、为什么使用react-hooks

1.高阶组件为了复用，导致代码层级复杂

2.生命周期的复杂

3.写出function组件，无状态组件，但是有需要状态，改成class组件成本太高（不存在生命周期）

二、useState-创建状态

三、useEffect-副作用（监听某个依赖值是否发生变化，从而实现另外的目的）

注意：

第二个参数如果是空数组，那么第一个参数只走一次

如果[name]name作为依赖存在，

只要被修改，第一个参数就会走一次

在这里可以看作是对状态数据的再次加工处理

 

四、useCallback-对函数进行缓存，提升性能（并不能太大程度的提升性能，最大作用是防止子组件reRender） 

注意：

只有name改变，函数才会重新执行一次

如果传入空数组，函数首次执行生成，之后不变

如果不传数组，每次都会生成新的函数

五、useMemo-对状态值属性值进行再次计算

const getResult=useMemo(()=>list.map(n=>n**2),[list]) 

六、useRef()

七、useContext()-参考类组件context状态树，写法上更简洁

八、reReducer（）

九、useReducer+useContext-解决大量组件传值问题

十、自定义hooks

必须以“use”开头

当我们想在两个函数之间共享逻辑时，我们会把它提取到第三个函数中

在解释：将复杂代码封装到函数中