React常用hook的作用及用法

React Hooks 

React常用的hook主要有八个 分别是 useState, useEffect, useMemo, useCallback, useContext, useRef, useLayoutEffect, useImerativeHandle

一、 useState
useState的作用是用来初始化一个值，要注意的是useState全都是异步的，他有两种用法

 第一种：

const [x, setX] = useState(值)
 第二种 ：

const [y, setY] = useState(() => {
  // 逻辑
  // 必须有 return 
  return 值
})
如何获取上一次的值：

因为是异步的，所以我们无法直接获取上一次的值，那可以如何获取呢？

setX(preValue => {
  preValue //上一次的值
  return 值
 })
二、useEffect
useEffect的作用是用来模拟react的生命周期

// componentDidMount 只执行一次
   useEffect(() => {
    
   }, [])
 
// componentDidUpdate 更新完成
   useEffect(() => {
     console.log('co