一useffect1模拟componentDidMount第二个参数为一个空数组，可以模拟componentDidMountcomponentDidMount：useEffect(()=>{console.log('第一次渲染时调用')},[])2模拟componentDidUpdate没有第二个参数代表监听所有的属性更新useEffect(()=>{console.log('任意状态改变')})

useEffectuseEffect接收两个参数：一个函数和一个依赖数组。2.useEffect(callback)：fontcolor=red>这个参数表示只要组件发生更新，就会执行回调函数callback，包括组件挂载时的初始化和后续状态或属性的更新。如果不需要依赖任何状态或属性，相当于类组件中的componentDidMount和

useEffect和useLayoutEffect作为组件的副作用，本质上是一样的。共用一套结构来存储effect链表。整体流程上都是先在render阶段，生成effect，并将它们拼接成链表，存到fiber.upda

我们先看下React官方文档对这两个hook的介绍，建立个整体认识useEffect(create,deps):该Hook接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内（这

useLayoutEffect isalmostthesameas useEffect exceptthatit'ssynchronoustorenderasopposedtoscheduledlike useEffect is.Ifyou'remigratingfrom

我们先看下React官方文档对这两个hook的介绍，建立个整体认识useEffect(create,deps):该Hook接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内（这

React目前提供的HookuseState设置和改变state,代替原来的state和setStateuseEffect代替原来的生命周期componentDidMount,componentDidUpdate和componentWillUnmount

我们先看下React官方文档对这两个hook的介绍，建立个整体认识useEffect(create,deps):该Hook接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内（这

我们先看下React官方文档对这两个hook的介绍，建立个整体认识useEffect(create,deps):该Hook接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内（这

执行时期的区别useEffect回调函数的执行时期useEffect为异步执行，执行时期为触发状态更新（如：setState，forceUpdate）React渲染函数执行（render）将更新渲染到页面上执行use

我们先看下React官方文档对这两个hook的介绍，建立个整体认识useEffect(create,deps):该Hook接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内（这