useEffect
可以简单看作是componentDidMount、componentDidUpdate和componentWillUnmount的组合
react保证了每次运行effect的同时，DOM都已经更新完毕
故而在hooks写法的react父子组件中，useEffect的执行顺序是
子effect
父effect
该疑惑来源：
进行全埋点sdk使用的时候，需要执行一个init，而后执行一个set方法进行一些额外数据的赋值，但在Layout组件的useEffect中进行initConfig，在子组件的useEffect中进行set的时候，发现每个被采集到的数据中均无此数据，经过console调试之后发现set先于init执行故而set方法未成功使用。
临时解决方法：
由于是个ssr工程，若在Layout中useEffect之外使用initConfig无window属性会报错，然后用了个useLayoutEffect，具体啥原理待进一步深究，好像useLayoutEffect会在render之前执行（待确认），按照上面说的初次挂载的时候那么也就是initConfig会在子组件的constructor前执行，即在子组件的useEffect之前执行，而子组件无论在哪个阶段进行set，必然是在init之后了。
粗略理解为
use
Effect
一个闭包函数，那么按照正常函数的逻辑来理解，那肯定是先子后父，再继续追问，为什么普通函数逻辑调用是先子后父，这个嘛，就得JavaScript的作者或者研究一下底层逻辑。
无依赖项时，首次加载会执行
use
Effect
第一个参数函数的return外的部分，每次更新时会先执行return内部分，再执行return外的部分。依赖项为空数组([])时,会在页面首次加载时运行
use
Effect
第一个参数的那个函数，类似于执行componentDidMount，且只执行一遍，函数内return 的函数会在页面即将销毁时或移除
组件
时执行，类似于执行componentWillUnMount依赖项不为空时，首次加载会执行
use
Effect
第一个参数函数的return外的部分，
一个很简单的左右布局。要实现点击左侧数据更新右侧表格。这个表格因为在多处用到，所以被单独封装。表格勾选和全选的逻辑写在了表格这个
组件
内部。而这也导致了一个问题：每次点击左侧的数据，右侧的表格并没有重置状态。那如何解决这个问题？
表格的全选和勾选与全选的状态关联是根据selectRowKeys来控制的。如果selectRowKeys=[]，那表格每行的勾选状态将被清空。所以关键就是要在每次点击左侧树形菜单的时候进selectRowKeys的操作。
第一种方法：既然表格的状态被
react
use
Effect
use
Effect
类似vue中的watch侦听器，监听数据变化。会在浏览器绘制后延迟执行，但会保证在任何新的渲染前执行。
use
Effect
常用的几种情况：
1.只要页面更新就触发回调：
use
Effect
(() => {
// 搞事情
2.只运行一次（
组件
挂载和卸载时执行），第二个参数传空数组[]：
use
Effect
(() => {
// 搞事情
},[])
3.条件执行，第二个参数传值，可以是多个数据源的数组
use
Effect
可以简单看作是componentDidMount、componentDidUpdate和componentWillUnmount的组合。
react
保证了每次运行
effect
的同时，DOM都已经更新完毕。父componentWillMount。子componentWillMount。子componentDidMount。父componentDidMount。子
组件
的
use
Effect
先执行。父constructor。子constructor。
在不借助任何演示的情况下，你能清楚地说出
React
组件
的渲染顺序以及
use
Effect
的
执行顺序
吗？你知道
React
18 『并发模式』下执行情况是不同的吗？ 下面就让我们一起来看一看吧～先来看目前大部分人还在用的16或者17版本，也就是默认的渲染情况，我们来写一个 Demo，这个 Demo 包含一个父
组件
（），两个子
组件
（，互为兄弟
组件
），每个
组件
在 ， 和 的时候打印自身信息。这里，我们在 App
组件
下渲染两个连续的 SubApp
组件
，一个叫，一个叫，来看执行结果。由此，我们可以得出结论，
vue 框架内置函数，随着
组件
的生命周期，自动 按次序 执行
作用：特定的时间点，执行某些特定的操作
场景:
组件
创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据
四个阶段:
● 初始化 => 创建
组件
=> beforeCreate created
● 挂载 =>
今天突发奇想 用了
React
怎么久还没有写过关于函数
组件
里
use
Effect
在
组件
的
执行顺序
下面我会按照自己的一些想法介绍 创作不易 望大家多多支持 点赞
我们需要探讨的就是 在父
组件
嵌套多层子
组件
的情况下每个
组件
里
use
Effect
与页面渲染顺序 以及在修改父
组件
或子
组件
时 的
执行顺序
大致结构是这样的
以下是我的测试代码
import
React
, {
use
State,
use
Effect
} from '
react
'
import
React
DOM from '
react
-dom..
1、
父子
组件
的加载顺序为
父beforeCreated ->父created ->父beforeMounted ->子beforeCreated ->子created ->子beforeMounted ->子mounted -> 父mounted
2、父
组件
更新顺序为
父beforeUpdate->父updated
3、子
组件
更新顺序为
父beforeUpdate->子beforeUpdate->子updated->父updated
4、
父子
父子
组件
加载和更新顺序和vue差不多，都是父
组件
先进入子
组件
完成后才会挂载完成父
组件
mountComponent负责管理生命周期中的mounting阶段的方法调用
mountCompo...
父
组件
componentDidMount
hook类型函数式
组件
use
Effect
use
Effect
可以简单看作是componentDidMount、componentDidUpdate和componentWill
