React中forceUpdate方法的回调函数具体有什么作用？

forceUpdate 回调参数说明 #

回调执行逻辑 #

forceUpdate 的 callback 参数和 setState 的第二个回调参数作用完全一致，都是在对应更新流程执行完毕、DOM重绘完成后触发，执行时机和setState回调完全相同：会在本次更新对应的componentDidUpdate生命周期函数执行结束之后再调用。

具体适用场景 #

forceUpdate 本身的作用是跳过状态比对逻辑，强制触发组件重新渲染，一般用于渲染逻辑依赖了组件外部可变数据的特殊场景。配套的回调参数就是用于处理需要在这次强制渲染完成后再执行的逻辑，常见使用场景包括：

• 强制重绘完成后读取最新的DOM尺寸、位置等属性
• 触发依赖组件最新渲染结果的第三方库初始化、更新逻辑
• 执行和本次强制更新绑定的收尾操作

补充说明：官方并不推荐滥用forceUpdate，绝大多数场景都可以通过规范state数据管理实现相同效果，避免破坏React内置的响应式数据流规则。

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