紫圣

Hooks 的入口函数是 renderWithHooks。组件在挂载阶段，执行 useState，实际上执行的是 mountState，而在更新阶段，实际上执行的是 updateState。

Hooks 的入口函数是 renderWithHooks。组件在挂载阶段，执行 useReducer，实际上执行的是 mountReducer，而在更新阶段，实际上执行的是 updateReduce。

Hooks 的入口函数是 renderWithHooks 。组件在首次加载时，执行 useEffect，其实执行的是 mountEffet，而组件更新时，则执行的是updateEffect 。

useRef 返回的ef 对象在组件的整个生命周期内持续存在。组件在挂载阶段，执行 useRef，其实执行的是 mountRef，而在更新阶段时，则执行的是 updateRef。

useMemo 返回计算后的 memoized 值，它仅会在某个依赖项改变时才重新计算 memoized 值。这种优化有助于避免在每次渲染时都进行高开销的计算。

useCallback 会返回其参数 callback 的 memoized 版本，该 callback 仅在某个依赖项改变时才会更新。虽然 useCallback 可以对数据进行缓存，但不能滥用。

组件在挂载阶段，执行 useLayoutEffect，实际上执行的是 mountLayoutEffect，而在更新阶段，实际上执行的是 updateLayoutEffect 。

React 的 Context 属性实现了 props 在层级组件间跨层级传递。无论是挂载阶段还是更新阶段，useContext 最终执行的函数都是 readContext。

React 的 Context 属性实现了 props 在层级组件间跨层级传递，从而避免了props逐层传递的繁琐。本文将从源码层面，从创建、消费以及更新三个方面来介绍Context。