React 生命周期：阶段

Question

据我所知，这是组件反应生命周期的“阶段”：

挂载：挂载是渲染渲染方法本身返回的 JSX 的阶段。更新：更新是更新组件状态和重新绘制应用程序的阶段。卸载：顾名思义，卸载是组件生命周期的最后一步，组件从页面中移除。

挂载 -> 更新 -> 卸载

我成功地使用了它，但我不知道如何将这 3 个“阶段”与： - 提交阶段 - 预提交阶段 - 渲染阶段混合

我发现了这个：http : //projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

我不确定“安装”、“更新”和“卸载”是阶段还是其他。阶段是否可以是：提交，预提交和渲染。“安装、更新和卸载”是事件还是阶段？

有什么线索吗？

Answer 1

“渲染阶段”和“提交阶段”是对 react 更新页面的内部过程的描述。虽然了解其中发生的事情很有用，但唯一可以与之交互的地方是通过各种生命周期挂钩，例如 componentDidMount、componentDidUpdate 和 componentWillUnmount，因此我建议您将研究重点放在这些方面.

当需要渲染页面时（通常是由在某处调用 this.setState 引起的），react 会执行一系列步骤以更新网页：

第一组步骤统称为“渲染阶段”。在渲染阶段，react 正在创建虚拟 DOM。换句话说，它确定页面应该是什么样子，而不实际更改页面。在最简单的形式中（我们不使用 react.memo 或 shouldComponentUpdate 之类的东西跳过任何渲染），react 调用最顶层组件的渲染，并找出它返回的内容，然后对于它的每个子组件调用这些渲染直到它知道整个页面应该是什么样子。

第二组步骤称为“提交阶段”。现在它知道页面应该是什么样子，它需要更新实际DOM 以匹配虚拟 DOM。为此，它将从渲染阶段获得的当前虚拟 DOM 与上次渲染时获得的虚拟 DOM 进行比较，并计算出最少的更新集，以使页面看起来像这样。

现在渲染完成并且页面已经更新。在此过程中，某些组件可能是第一次创建（即“挂载”），或者它们的 props 发生了变化（即“更新”），或者它们被完全删除（“卸载”）。发生这种情况的组件将根据需要调用其 componentDidMount、componentDidUpdate 和 componentWillUnmount 函数。