hooks

hooks

stateHook

可以让函数式组件使用state

//数组中第一个为state中存的值，第二个为跟新state的方法
//初始化只进行一次
const [num,setNum] = React.useState(0)
//两种写法
setNum(num+1)
setNum((num)=>{num+1})

EffectHook

可以让函数式组件使用生命周期

React.useEffect(()=>{
  //会在组件挂载和跟新num值时候进行调用
  return ()=>{
    //卸载组件时调用
  }
},[num])

RefHook

可以让函数式组件使用ref

const myRef = React.useRef()

<input type="text" ref={myRef}/>