useEffect的四种执行时机

Content #

useEffect 能够在下面四种时机去执行一个回调函数产生副作用：

1. 每次 render 后执行：不提供第二个依赖项参数。比如

useEffect(() => {})。

1. 仅第一次 render 后执行：提供一个空数组作为依赖项。比如

useEffect(() => {}, [])。

1. 第一次以及依赖项发生变化后执行：提供依赖项数组。比如

useEffect(() => {}, [deps])。

1. 组件 unmount 后执行：返回一个回调函数。比如

useEffect() => { return () => {} }, [])。

Viewpoints #

From #

03｜内置 Hooks（1）：如何保存组件状态和使用生命周期？

Links #