react钩子函数

1. useState保存组件状态

const [state, setState] = useState()  

2. useEffect（处理副作用）和useLayoutEffect（同步执行副作用）

3. useCallback记忆函数

4. useMemo记忆组件

useCallback的功能完全可以由useMemo所取代，如果你想通过使用useMemo返回一个记忆函数也是完全可以的。
唯一的区别是：useCallback不会执行第一个参数函数，而是将他返回给你，而useMemo会执行第一个函数并且函数执行结果返回给你。

5. useRef保存引用值

6. useReducer和useContext减少组件层级