useEffect 心智模型升级:从“生命周期”到“同步副作用”

0 阅读1分钟

核心要点:useEffect 用于将组件与外部系统(API、DOM、订阅)同步。摒弃“挂载/更新”的类组件思维,树立“依赖数组驱动”的心智模型。 经验之谈:90% 的 useEffect 使用问题源于依赖数组不正确。⛔ 我曾深受其害!正确的做法是:诚实声明所有依赖项,包括函数、对象(必要时使用useCallback/useMemo稳定引用)。如果只想在“挂载”时运行,应仔细审查是否真的没有依赖。对于事件监听等清理工作,务必返回清理函数。 一个进阶技巧:将不依赖状态、仅依赖props的副作用,尝试移至事件处理函数中,可能更符合直觉。