react Hooks（useEffect）实现原理 - 简单理解

useEffect

语法： useEffect(setup, dependencies?)
含义: useEffect 是一个 React Hook，它允许你 将组件与外部系统同步。

useEffect 源码简单理解

一、mountEffect 和 upadateEffect

useEffect 与其它 hooks 一样分为 mountEffect 和 upadateEffect 两个阶段

第一次执行 mountEffect

后面执行 upadateEffect

从代码中可以看出 mountEffect 和 upadateEffect 传参都是 函数 和 依赖数组，调用 mountEffectImpl 和 updateEffectImpl。
mountEffectImpl 和 updateEffectImpl 它们的四个入参一样。其中前面两个入参表示 tag 实现了指定的行为，具体可参考源码 ReactSideEffectTags.js 和 ReactHookEffectTags.js文件，暂时忽略。