useEffect

有三种

加载阶段
 componentDidMount只执行一次
  useEffect(()=>{

 },[])

更新阶段
useEffect(()=>{
   console.log('componentDidUpdate');
 },[x,y])

卸载阶段
useEffect(()=>{
   return ()=>{
     console.log('卸载生命周期');
   }
  
 },[x,y])

useState

有二种

第一种
useState(初始值）
useState(()=>{
return 值
})

  const [y,setY]=useState(()=>{
    逻辑
    return 必须有
    return 值
   })

  获取异步的值
   setX(preValue=>{
     preValue//上一次的值
     return 值
   })

必须有return 缓存 return 出来的值 useMemo 依赖为空只在首次渲染执行一次第一次 fn=49 第二次直接拿出缓存的值 49给fn