如何高效运用React useEffect 实现组件生命周期管理？

本文共计3442个文字，预计阅读时间需要14分钟。

目录

一、每次渲染都有它自己的Props和State

二、每次渲染都有它自己的Effects

三、关于依赖项，不要对React撒谎

四、两种依赖告警的方法

五、来自useReducer的助手

六、把函数移到…

目录

• 一、每一次渲染都有它自己的 Props and State
• 二、每次渲染都有它自己的Effects
• 三、关于依赖项不要对React撒谎
• 四、两种诚实告知依赖的方法
• 五、来自useReducer的助攻
• 六、把函数移到Effects里
• 七、我不想把可复用的函数放到Effect里

这篇文章会假设你对useEffectAPI有一定程度的了解。

一、每一次渲染都有它自己的 Props and State

在我们讨论 effects 之前，我们需要先讨论一下渲染，当我们更新 state 的时候，React会重新渲染组件。每一次渲染都能拿到独立的 state，这个状态值是函数中的一个常量。

这里关键的点在于任意一次渲染中的常量都不会随着时间改变。