React中被丢弃的渲染会触发useEffect执行及清理吗？

你的理解完全正确——被丢弃的渲染不会触发useEffect()。

原因很直接：React的渲染流程分为两个核心阶段：

• 渲染阶段：计算组件的UI输出，这个阶段的工作是可以被中断或丢弃的；
• 提交阶段：将计算好的UI更新到真实DOM，这个阶段的工作是同步且不可中断的。

只有当渲染阶段完成且React确认要提交这次渲染结果时，才会进入提交阶段，而useEffect()是在提交阶段结束后才执行的副作用逻辑。如果某次渲染被丢弃，意味着React根本没走到提交阶段，自然不会触发useEffect()。

另外要注意：渲染阶段的一些钩子（比如useMemo、useCallback）可能会在被丢弃的渲染中执行，因为它们属于渲染计算的一部分，但这类执行结果会被直接丢弃，不会影响最终的UI或后续副作用。

内容的提问来源于stack exchange，提问作者user2771609